mirror of
https://github.com/ruisaraiva19/favycon.git
synced 2026-09-12 19:51:07 +05:00
fix: update colors, text, and hovers (#93)
* style(drag-and-drop): fix divivers color fix #85 * fix(pwa): fix pwa checkbox logic fix #82 * style(button): update hover and active states fix #81 * style(checkbox): fix checkbox dark mode fix #80 * style(text): make text semi bold fix #90 * style(app): update APP text to gray color fix #91 * style(font): add extra bold font weight fix #92 * style(icon): fix light/dark mode colors fix #88
This commit is contained in:
Rui Saraiva
GitHub
parent
fadfe8f103
commit
da9402a56e
@ -15,6 +15,14 @@
|
||||
&:active {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
transform: translate3d(0, -2px, 0);
|
||||
}
|
||||
|
||||
&:active {
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
.primary {
|
||||
|
||||
@ -215,7 +215,7 @@
|
||||
}
|
||||
|
||||
:global(.dark-mode) .imageInfo {
|
||||
border-top: 1px solid $darker-grey;
|
||||
border-top: 1px solid $dark-grey;
|
||||
}
|
||||
|
||||
.imageOptionsWrapper {
|
||||
@ -225,7 +225,7 @@
|
||||
}
|
||||
|
||||
:global(.dark-mode) .imageOptionsWrapper {
|
||||
border-top: 1px solid $darker-grey;
|
||||
border-top: 1px solid $dark-grey;
|
||||
}
|
||||
|
||||
.imageOptions {
|
||||
@ -342,7 +342,7 @@
|
||||
}
|
||||
|
||||
:global(.dark-mode) .imageFooter {
|
||||
border-top: 1px solid $darker-grey;
|
||||
border-top: 1px solid $dark-grey;
|
||||
}
|
||||
|
||||
.spaceBetween {
|
||||
|
||||
@ -53,7 +53,7 @@ const DragAndDrop = ({ onFile, onGenerate, onError }: DragAndDropProps) => {
|
||||
const [zipData, setZipData] = useState<ArrayBuffer>()
|
||||
const [isModalOpen, setIsModalOpen] = useState(false)
|
||||
const [copied, setCopied] = useState(false)
|
||||
const PWADisabled = !isPngOrSvg || (!isSvg && !is512px)
|
||||
const PWADisabled = !isSvg && !is512px
|
||||
let sizesCount = 16
|
||||
if (isSvg) {
|
||||
sizesCount += 1
|
||||
@ -245,19 +245,19 @@ const DragAndDrop = ({ onFile, onGenerate, onError }: DragAndDropProps) => {
|
||||
<div className={styles.imageInfo}>
|
||||
<div className={styles.imageInfoItem}>
|
||||
<span>{isSquare ? <SvgCheck /> : <SvgError />}</span>
|
||||
<Typography variant="regularBody" weight="medium">
|
||||
<Typography variant="regularBody" weight="semiBold">
|
||||
Square image
|
||||
</Typography>
|
||||
</div>
|
||||
<div className={styles.imageInfoItem}>
|
||||
<span>{isPngOrSvg ? <SvgCheck /> : <SvgError />}</span>
|
||||
<Typography variant="regularBody" weight="medium">
|
||||
<Typography variant="regularBody" weight="semiBold">
|
||||
PNG or SVG
|
||||
</Typography>
|
||||
</div>
|
||||
<div className={styles.imageInfoItem}>
|
||||
<span>{isSvg || is310px ? <SvgCheck disabled={isSvg} /> : <SvgError />}</span>
|
||||
<Typography variant="regularBody" weight="medium" muted={isSvg}>
|
||||
<Typography variant="regularBody" weight="semiBold" muted={isSvg}>
|
||||
310px or higher
|
||||
</Typography>
|
||||
</div>
|
||||
@ -269,7 +269,7 @@ const DragAndDrop = ({ onFile, onGenerate, onError }: DragAndDropProps) => {
|
||||
<div className={styles.imageOptions}>
|
||||
<div className={styles.imageInfoItem}>
|
||||
<Checkbox name="pwa" id="pwa" disabled={PWADisabled} onChange={() => setPwa(!pwa)}>
|
||||
<Typography variant="regularBody" weight="medium" muted={PWADisabled}>
|
||||
<Typography variant="regularBody" weight="semiBold" muted={PWADisabled}>
|
||||
PWA compatible
|
||||
</Typography>
|
||||
<Typography variant="footer" weight="semiBold" color="green" muted={PWADisabled || isSvg}>
|
||||
@ -280,7 +280,7 @@ const DragAndDrop = ({ onFile, onGenerate, onError }: DragAndDropProps) => {
|
||||
</div>
|
||||
<div className={styles.imageInfoItem}>
|
||||
<Checkbox name="dark" id="dark" disabled onChange={() => setDarkMode(!darkMode)}>
|
||||
<Typography variant="regularBody" weight="medium" muted>
|
||||
<Typography variant="regularBody" weight="semiBold" muted>
|
||||
Dark Mode version
|
||||
</Typography>
|
||||
<Typography variant="footer" weight="semiBold" color="green" muted>
|
||||
|
||||
47
components/svgs/svg-checkbox.module.scss
Normal file
47
components/svgs/svg-checkbox.module.scss
Normal file
@ -0,0 +1,47 @@
|
||||
@import '../../styles/variables.scss';
|
||||
|
||||
.unchecked {
|
||||
fill: #f7f7f8;
|
||||
stroke: #ccc;
|
||||
transition: all 100ms ease-in-out;
|
||||
|
||||
&.disabled {
|
||||
fill: #ececec;
|
||||
stroke: #ccc;
|
||||
}
|
||||
}
|
||||
|
||||
:global(.dark-mode) .unchecked {
|
||||
fill: $dark-grey;
|
||||
stroke: $grey-dark;
|
||||
|
||||
&.disabled {
|
||||
fill: $dark-black;
|
||||
stroke: $dark-grey;
|
||||
}
|
||||
}
|
||||
|
||||
.checkBg {
|
||||
opacity: 0;
|
||||
fill: $link;
|
||||
transition: all 100ms ease-in-out;
|
||||
transform: scale(0);
|
||||
transform-origin: center;
|
||||
}
|
||||
|
||||
.checkBgChecked {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
.checkMark {
|
||||
stroke: #f7f7f8;
|
||||
stroke-dasharray: 12;
|
||||
stroke-dashoffset: 12;
|
||||
transition: all 150ms 100ms ease-in-out;
|
||||
}
|
||||
|
||||
.checkMarkChecked {
|
||||
stroke: #fff;
|
||||
stroke-dashoffset: 0;
|
||||
}
|
||||
@ -1,6 +1,8 @@
|
||||
import React from 'react'
|
||||
import classnames from 'classnames'
|
||||
|
||||
import styles from './svg-checkbox.module.scss'
|
||||
|
||||
type SvgCheckboxProps = {
|
||||
checked: boolean
|
||||
disabled?: boolean
|
||||
@ -14,50 +16,19 @@ const SvgCheckbox: React.FC<JSX.IntrinsicAttributes & React.SVGProps<SVGSVGEleme
|
||||
return (
|
||||
<svg width={16} height={16} viewBox="0 0 16 16" fill="none" {...props}>
|
||||
<path
|
||||
className={classnames('unchecked', { disabled: disabled })}
|
||||
className={classnames(styles.unchecked, { [styles.disabled]: disabled })}
|
||||
d="M12.5.5h-9a3 3 0 00-3 3v9a3 3 0 003 3h9a3 3 0 003-3v-9a3 3 0 00-3-3z"
|
||||
stroke="#CCC"
|
||||
/>
|
||||
<path
|
||||
className={classnames('checkBg', { checked: checked })}
|
||||
className={classnames(styles.checkBg, { [styles.checkBgChecked]: checked })}
|
||||
d="M13 0H3a3 3 0 00-3 3v10a3 3 0 003 3h10a3 3 0 003-3V3a3 3 0 00-3-3z"
|
||||
fill="#4C5ED5"
|
||||
/>
|
||||
<path
|
||||
className={classnames('checkMark', { checked: checked })}
|
||||
className={classnames(styles.checkMark, { [styles.checkMarkChecked]: checked })}
|
||||
d="M4 7.143L6.91 10 12 5"
|
||||
stroke="#fff"
|
||||
strokeWidth={2}
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<style jsx>{`
|
||||
.unchecked {
|
||||
transition: all 100ms ease-in-out;
|
||||
fill: #fafafa;
|
||||
}
|
||||
.unchecked.disabled {
|
||||
fill: #ececec;
|
||||
}
|
||||
.checkBg {
|
||||
transform-origin: center;
|
||||
transition: all 100ms ease-in-out;
|
||||
opacity: 0;
|
||||
transform: scale(0);
|
||||
}
|
||||
.checkBg.checked {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
.checkMark {
|
||||
transform-origin: center;
|
||||
stroke-dasharray: 12;
|
||||
stroke-dashoffset: 12;
|
||||
transition: all 150ms 100ms ease-in-out;
|
||||
}
|
||||
.checkMark.checked {
|
||||
stroke-dashoffset: 0;
|
||||
}
|
||||
`}</style>
|
||||
</svg>
|
||||
)
|
||||
}
|
||||
|
||||
@ -7,10 +7,10 @@ import styles from './index.module.scss'
|
||||
const ToolTitle = () => (
|
||||
<div className={styles.root}>
|
||||
<SvgFavycon />
|
||||
<Typography variant="h1" weight="bold" color="black">
|
||||
<Typography variant="h1" weight="extraBold" color="black">
|
||||
Favycon
|
||||
</Typography>
|
||||
<Typography variant="superscript" tag="span" weight="bold">
|
||||
<Typography variant="superscript" tag="span" weight="bold" color="gray">
|
||||
APP
|
||||
</Typography>
|
||||
</div>
|
||||
|
||||
@ -75,6 +75,10 @@
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.extraBold {
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.black {
|
||||
color: $black;
|
||||
transition: color 0.2s ease;
|
||||
|
||||
@ -16,7 +16,7 @@ type TypographyProps = {
|
||||
| 'superscript'
|
||||
| 'title'
|
||||
| 'largeTitle'
|
||||
weight: 'regular' | 'medium' | 'semiBold' | 'bold'
|
||||
weight: 'regular' | 'medium' | 'semiBold' | 'bold' | 'extraBold'
|
||||
color: 'black' | 'gray' | 'white' | 'green'
|
||||
tag?: string
|
||||
muted?: boolean
|
||||
|
||||
@ -1,29 +1,29 @@
|
||||
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path id="favicon-bg" fill="#495c70" fill-rule="evenodd" clip-rule="evenodd" d="M13.1834 5.55412L42.8091 1.39074C47.5779 0.724999 49.3761 0.97341 51.2538 1.65903C53.1315 2.34464 54.6912 3.52708 55.8635 5.13679C57.0458 6.74649 57.781 8.40588 58.4466 13.1754L62.6093 42.8059C63.275 47.5754 63.0266 49.3739 62.3411 51.2519C61.6556 53.1299 60.4733 54.6899 58.8639 55.8624C57.2544 57.0448 55.5953 57.7801 50.8266 58.4459L21.2008 62.6093C16.4321 63.275 14.6339 63.0266 12.7562 62.341C10.8785 61.6554 9.3187 60.4729 8.14639 58.8632C6.96414 57.2535 6.22896 55.5941 5.56332 50.8246L1.39068 21.1941C0.725043 16.4246 0.973415 14.6261 1.65892 12.7481C2.34443 10.8701 3.52668 9.3101 5.13612 8.1376C6.75551 6.96509 8.41463 6.21986 13.1834 5.55412Z" />
|
||||
<path id="favicon-fg" fill="#1e262f" fill-rule="evenodd" clip-rule="evenodd" d="M13.8192 7.28306L42.6701 3.22899C46.644 2.67254 48.1442 2.88121 49.7039 3.45752C51.2637 4.03384 52.5652 5.00761 53.5487 6.35897C54.5323 7.70039 55.1482 9.08156 55.7046 13.0661L59.311 38.7419C59.9766 43.5114 59.7282 45.3099 59.0427 47.1879C58.3572 49.0659 57.175 50.6259 55.5655 51.7984C53.9561 52.9808 52.2969 53.7161 47.5282 54.3819L23.2474 57.7901C18.4787 58.4558 16.6804 58.2074 14.8028 57.5218C12.9251 56.8362 11.3653 55.6537 10.193 54.044C9.01073 52.4343 8.27555 50.7749 7.60991 46.0054L4.00355 20.3197C3.4472 16.3451 3.65583 14.8447 4.23206 13.2847C4.80828 11.7247 5.7819 10.423 7.13304 9.43927C8.46431 8.45556 9.84526 7.8395 13.8192 7.28306Z" />
|
||||
<path id="favicon-top" fill="#f6a044" fill-rule="evenodd" clip-rule="evenodd" d="M40.3155 19.9322L20.7041 22.6846L19.7006 15.5502L46.4453 11.7942C47.0017 15.729 44.2596 19.3757 40.3155 19.9322Z" />
|
||||
<path id="favicon-corner" fill="#f9cdff" fill-rule="evenodd" clip-rule="evenodd" d="M20.7041 22.6846L13.5708 23.6882C13.0145 19.7533 15.7565 16.1066 19.7006 15.5502L20.7041 22.6846Z" />
|
||||
<path id="favicon-left" fill="#728dff" fill-rule="evenodd" clip-rule="evenodd" d="M17.207 49.5528L13.5708 23.6882L20.7041 22.6846L23.3368 41.4148C23.8832 45.3496 21.1412 48.9963 17.207 49.5528Z" />
|
||||
<path id="favicon-star" fill="#728dff" fill-rule="evenodd" clip-rule="evenodd" d="M32.2384 35.761L29.6653 37.6191C29.3871 37.8178 28.9897 37.7582 28.7811 37.48C28.7016 37.3707 28.6619 37.2315 28.6619 37.0924L28.7612 33.9227C28.7712 33.714 28.6718 33.5153 28.5029 33.3961L25.9397 31.5181C25.6616 31.3094 25.602 30.9219 25.8007 30.6337C25.8801 30.5244 25.9994 30.4449 26.1285 30.4052L29.1785 29.5109C29.3772 29.4513 29.5362 29.3023 29.5958 29.1035L30.5893 26.0928C30.6985 25.7649 31.0562 25.586 31.3841 25.6953C31.5132 25.7351 31.6324 25.8245 31.7119 25.9437L33.5002 28.567C33.6194 28.7359 33.8082 28.8452 34.0168 28.8452L37.1959 28.8551C37.5437 28.8551 37.8218 29.1433 37.8218 29.491C37.8218 29.6302 37.7722 29.7593 37.6927 29.8786L35.7455 32.3925C35.6163 32.5614 35.5766 32.7701 35.6461 32.9688L36.6098 35.9895C36.7191 36.3174 36.5303 36.6751 36.2025 36.7844C36.0733 36.8242 35.9243 36.8241 35.7951 36.7745L32.8047 35.7013C32.6259 35.6119 32.4073 35.6417 32.2384 35.761Z" />
|
||||
<path id="favicon-bg" fill="#2E3A47" fill-rule="evenodd" clip-rule="evenodd" d="M13.1834 5.55412L42.8091 1.39074C47.5779 0.724999 49.3761 0.97341 51.2538 1.65903C53.1315 2.34464 54.6912 3.52708 55.8635 5.13679C57.0458 6.74649 57.781 8.40588 58.4466 13.1754L62.6093 42.8059C63.275 47.5754 63.0266 49.3739 62.3411 51.2519C61.6556 53.1299 60.4733 54.6899 58.8639 55.8624C57.2544 57.0448 55.5953 57.7801 50.8266 58.4459L21.2008 62.6093C16.4321 63.275 14.6339 63.0266 12.7562 62.341C10.8785 61.6554 9.3187 60.4729 8.14639 58.8632C6.96414 57.2535 6.22896 55.5941 5.56332 50.8246L1.39068 21.1941C0.725043 16.4246 0.973415 14.6261 1.65892 12.7481C2.34443 10.8701 3.52668 9.3101 5.13612 8.1376C6.75551 6.96509 8.41463 6.21986 13.1834 5.55412Z" />
|
||||
<path id="favicon-fg" fill="#FFFFFF" fill-rule="evenodd" clip-rule="evenodd" d="M13.8192 7.28306L42.6701 3.22899C46.644 2.67254 48.1442 2.88121 49.7039 3.45752C51.2637 4.03384 52.5652 5.00761 53.5487 6.35897C54.5323 7.70039 55.1482 9.08156 55.7046 13.0661L59.311 38.7419C59.9766 43.5114 59.7282 45.3099 59.0427 47.1879C58.3572 49.0659 57.175 50.6259 55.5655 51.7984C53.9561 52.9808 52.2969 53.7161 47.5282 54.3819L23.2474 57.7901C18.4787 58.4558 16.6804 58.2074 14.8028 57.5218C12.9251 56.8362 11.3653 55.6537 10.193 54.044C9.01073 52.4343 8.27555 50.7749 7.60991 46.0054L4.00355 20.3197C3.4472 16.3451 3.65583 14.8447 4.23206 13.2847C4.80828 11.7247 5.7819 10.423 7.13304 9.43927C8.46431 8.45556 9.84526 7.8395 13.8192 7.28306Z" />
|
||||
<path id="favicon-top" fill="#F6A044" fill-rule="evenodd" clip-rule="evenodd" d="M40.3155 19.9322L20.7041 22.6846L19.7006 15.5502L46.4453 11.7942C47.0017 15.729 44.2596 19.3757 40.3155 19.9322Z" />
|
||||
<path id="favicon-corner" fill="#493B39" fill-rule="evenodd" clip-rule="evenodd" d="M20.7041 22.6846L13.5708 23.6882C13.0145 19.7533 15.7565 16.1066 19.7006 15.5502L20.7041 22.6846Z" />
|
||||
<path id="favicon-left" fill="#4C5ED5" fill-rule="evenodd" clip-rule="evenodd" d="M17.207 49.5528L13.5708 23.6882L20.7041 22.6846L23.3368 41.4148C23.8832 45.3496 21.1412 48.9963 17.207 49.5528Z" />
|
||||
<path id="favicon-star" fill="#4C5ED5" fill-rule="evenodd" clip-rule="evenodd" d="M32.2384 35.761L29.6653 37.6191C29.3871 37.8178 28.9897 37.7582 28.7811 37.48C28.7016 37.3707 28.6619 37.2315 28.6619 37.0924L28.7612 33.9227C28.7712 33.714 28.6718 33.5153 28.5029 33.3961L25.9397 31.5181C25.6616 31.3094 25.602 30.9219 25.8007 30.6337C25.8801 30.5244 25.9994 30.4449 26.1285 30.4052L29.1785 29.5109C29.3772 29.4513 29.5362 29.3023 29.5958 29.1035L30.5893 26.0928C30.6985 25.7649 31.0562 25.586 31.3841 25.6953C31.5132 25.7351 31.6324 25.8245 31.7119 25.9437L33.5002 28.567C33.6194 28.7359 33.8082 28.8452 34.0168 28.8452L37.1959 28.8551C37.5437 28.8551 37.8218 29.1433 37.8218 29.491C37.8218 29.6302 37.7722 29.7593 37.6927 29.8786L35.7455 32.3925C35.6163 32.5614 35.5766 32.7701 35.6461 32.9688L36.6098 35.9895C36.7191 36.3174 36.5303 36.6751 36.2025 36.7844C36.0733 36.8242 35.9243 36.8241 35.7951 36.7745L32.8047 35.7013C32.6259 35.6119 32.4073 35.6417 32.2384 35.761Z" />
|
||||
<style>
|
||||
@media (prefers-color-scheme: dark) {
|
||||
#favicon-bg {
|
||||
fill: #2E3A47;
|
||||
fill: #495c70;
|
||||
}
|
||||
#favicon-fg {
|
||||
fill: #FFFFFF;
|
||||
fill: #1e262f;
|
||||
}
|
||||
#favicon-top {
|
||||
fill: #F6A044;
|
||||
fill: #f6a044;
|
||||
}
|
||||
#favicon-corner {
|
||||
fill: #493B39;
|
||||
fill: #f9cdff;
|
||||
}
|
||||
#favicon-left {
|
||||
fill: #4C5ED5;
|
||||
fill: #728dff;
|
||||
}
|
||||
#favicon-star {
|
||||
fill: #4C5ED5;
|
||||
fill: #728dff;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 3.4 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -1,36 +1,51 @@
|
||||
@font-face {
|
||||
font-family: 'Manrope';
|
||||
src: url('/fonts/Manrope/Manrope-Regular.woff2') format('woff2'),
|
||||
url('/fonts/Manrope/Manrope-Regular.woff') format('woff');
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(https://fonts.gstatic.com/s/manrope/v1/xn7gYHE41ni1AdIRggexSvfedN4.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
|
||||
U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Manrope';
|
||||
src: url('/fonts/Manrope/Manrope-Medium.woff2') format('woff2'),
|
||||
url('/fonts/Manrope/Manrope-Medium.woff') format('woff');
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-display: swap;
|
||||
src: url(https://fonts.gstatic.com/s/manrope/v1/xn7gYHE41ni1AdIRggexSvfedN4.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
|
||||
U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Manrope';
|
||||
src: url('/fonts/Manrope/Manrope-SemiBold.woff2') format('woff2'),
|
||||
url('/fonts/Manrope/Manrope-SemiBold.woff') format('woff');
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
font-display: swap;
|
||||
src: url(https://fonts.gstatic.com/s/manrope/v1/xn7gYHE41ni1AdIRggexSvfedN4.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
|
||||
U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Manrope';
|
||||
src: url('/fonts/Manrope/Manrope-Bold.woff2') format('woff2'), url('/fonts/Manrope/Manrope-Bold.woff') format('woff');
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url(https://fonts.gstatic.com/s/manrope/v1/xn7gYHE41ni1AdIRggexSvfedN4.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
|
||||
U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Manrope';
|
||||
font-style: normal;
|
||||
font-weight: 800;
|
||||
font-display: swap;
|
||||
src: url(https://fonts.gstatic.com/s/manrope/v1/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59E9_C-b_Tfc7AGrY.woff) format('woff');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
|
||||
U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user