Compare commits

...

3 Commits

Author SHA1 Message Date
Aadil Ayub e57475e333 set default typography settings 2024-05-08 15:48:40 +05:00
Aadil Ayub 1fdbbd5dcd define default text and bg colors 2024-05-08 15:46:26 +05:00
Aadil Ayub ca1d1b108f define fonts 2024-05-08 15:37:41 +05:00
3 changed files with 125 additions and 132 deletions

View File

@ -1,15 +0,0 @@
/* inclusive-sans-italic */
@font-face {
font-family: Inclusive Sans;
font-style: italic;
font-weight: 400;
src: local("Inclusive Sans Italic"), local("InclusiveSans-Italic"), url(inclusive-sans-italic.woff2) format("woff2");
}
/* inclusive-sans-regular */
@font-face {
font-family: Inclusive Sans;
font-style: normal;
font-weight: 400;
src: local("Inclusive Sans Regular"), local("InclusiveSans-Regular"), url(inclusive-sans-regular.woff2) format("woff2");
}

View File

@ -1,99 +0,0 @@
/* overused-grotesk-semibold-italic */
@font-face {
font-family: Overused Grotesk;
font-style: italic;
font-weight: 400;
src: local("Overused Grotesk SemiBold Italic"), local("OverusedGrotesk-SemiBoldItalic"), url(overused-grotesk-semibold-italic.woff2) format("woff2");
}
/* overused-grotesk-semibold */
@font-face {
font-family: Overused Grotesk;
font-style: normal;
font-weight: 400;
src: local("Overused Grotesk SemiBold"), local("OverusedGrotesk-SemiBold"), url(overused-grotesk-semibold.woff2) format("woff2");
}
/* overused-grotesk-regular */
@font-face {
font-family: Overused Grotesk;
font-style: normal;
font-weight: 400;
src: local("Overused Grotesk Regular"), local("OverusedGrotesk-Regular"), url(overused-grotesk-regular.woff2) format("woff2");
}
/* overused-grotesk-medium-italic */
@font-face {
font-family: Overused Grotesk;
font-style: italic;
font-weight: 500;
src: local("Overused Grotesk Medium Italic"), local("OverusedGrotesk-MediumItalic"), url(overused-grotesk-medium-italic.woff2) format("woff2");
}
/* overused-grotesk-medium */
@font-face {
font-family: Overused Grotesk;
font-style: normal;
font-weight: 500;
src: local("Overused Grotesk Medium"), local("OverusedGrotesk-Medium"), url(overused-grotesk-medium.woff2) format("woff2");
}
/* overused-grotesk-light-italic */
@font-face {
font-family: Overused Grotesk;
font-style: italic;
font-weight: 300;
src: local("Overused Grotesk Light Italic"), local("OverusedGrotesk-LightItalic"), url(overused-grotesk-light-italic.woff2) format("woff2");
}
/* overused-grotesk-light */
@font-face {
font-family: Overused Grotesk;
font-style: normal;
font-weight: 300;
src: local("Overused Grotesk Light"), local("OverusedGrotesk-Light"), url(overused-grotesk-light.woff2) format("woff2");
}
/* overused-grotesk-italic */
@font-face {
font-family: Overused Grotesk;
font-style: italic;
font-weight: 400;
src: local("Overused Grotesk Italic"), local("OverusedGrotesk-Italic"), url(overused-grotesk-italic.woff2) format("woff2");
}
/* overused-grotesk-extrabold-italic */
@font-face {
font-family: Overused Grotesk;
font-style: italic;
font-weight: 400;
src: local("Overused Grotesk ExtraBold Italic"), local("OverusedGrotesk-ExtraBoldItalic"), url(overused-grotesk-extrabold-italic.woff2) format("woff2");
}
/* overused-grotesk-extrabold */
@font-face {
font-family: Overused Grotesk;
font-style: normal;
font-weight: 400;
src: local("Overused Grotesk ExtraBold"), local("OverusedGrotesk-ExtraBold"), url(overused-grotesk-extrabold.woff2) format("woff2");
}
/* overused-grotesk-bold-italic */
@font-face {
font-family: Overused Grotesk;
font-style: italic;
font-weight: 700;
src: local("Overused Grotesk Bold Italic"), local("OverusedGrotesk-BoldItalic"), url(overused-grotesk-bold-italic.woff2) format("woff2");
}
/* overused-grotesk-bold */
@font-face {
font-family: Overused Grotesk;
font-style: normal;
font-weight: 700;
src: local("Overused Grotesk Bold"), local("OverusedGrotesk-Bold"), url(overused-grotesk-bold.woff2) format("woff2");
}
/* overused-grotesk-black-italic */
@font-face {
font-family: Overused Grotesk;
font-style: italic;
font-weight: 900;
src: local("Overused Grotesk Black Italic"), local("OverusedGrotesk-BlackItalic"), url(overused-grotesk-black-italic.woff2) format("woff2");
}
/* overused-grotesk-black */
@font-face {
font-family: Overused Grotesk;
font-style: normal;
font-weight: 900;
src: local("Overused Grotesk Black"), local("OverusedGrotesk-Black"), url(overused-grotesk-black.woff2) format("woff2");
}

View File

@ -1,5 +1,5 @@
{
"version": 2,
"version": 3,
"$schema": "https://schemas.wp.org/trunk/theme.json",
"settings": {
"useRootPaddingAwareAlignments": true,
@ -9,6 +9,8 @@
"wideSize": "1368"
},
"color": {
"defaultPalette": false,
"defaultGradients": false,
"palette": [
{
"slug": "background",
@ -45,25 +47,129 @@
"typography": {
"fontFamilies": [
{
"fontFamily": "Inter, sans-serif",
"name": "Inter",
"slug": "inter",
"fontFamily": "'Inclusive Sans', sans-serif",
"name": "Inclusive Sans",
"slug": "inclusive-sans",
"fontFace": [
{
"fontFamily": "Inter",
"fontFamily": "Inclusive Sans",
"fontWeight": "400",
"fontStyle": "normal",
"fontStretch": "normal",
"src": ["file:./assets/fonts/inter_normal_400.ttf"]
"src": ["file:./assets/fonts/inclusive-sans/inclusive-sans-regular.woff2"]
},
{
"fontFamily": "Inter",
"fontWeight": "400",
"fontStyle": "italic",
"fontStretch": "normal",
"src": ["file:./assets/fonts/inclusive-sans/inclusive-sans-italic.woff2"]
}
]
},
{
"fontFamily": "'Overused Grotesk', sans-serif",
"name": "Overused Grotesk",
"slug": "overused-grotesk",
"fontFace": [
{
"fontFamily": "Overused Grotesk",
"fontWeight": "400",
"fontStyle": "normal",
"fontStretch": "normal",
"src": ["file:./assets/fonts/overused-grotesk/overused-grotesk-regular.woff2"]
},
{
"fontFamily": "Overused Grotesk",
"fontWeight": "400",
"fontStyle": "italic",
"fontStretch": "normal",
"src": ["file:./assets/fonts/overused-grotesk/overused-grotesk-italic.woff2"]
},
{
"fontFamily": "Overused Grotesk",
"fontWeight": "500",
"fontStyle": "normal",
"fontStretch": "normal",
"src": ["file:./assets/fonts/overused-grotesk/overused-grotesk-medium.woff2"]
},
{
"fontFamily": "Overused Grotesk",
"fontWeight": "500",
"fontStyle": "italic",
"fontStretch": "normal",
"src": ["file:./assets/fonts/overused-grotesk/overused-grotesk-medium-italic.woff2"]
},
{
"fontFamily": "Overused Grotesk",
"fontWeight": "300",
"fontStyle": "normal",
"fontStretch": "normal",
"src": ["file:./assets/fonts/overused-grotesk/overused-light.woff2"]
},
{
"fontFamily": "Overused Grotesk",
"fontWeight": "300",
"fontStyle": "italic",
"fontStretch": "normal",
"src": ["file:./assets/fonts/overused-grotesk/overused-grotesk-light-italic.woff2"]
},
{
"fontFamily": "Overused Grotesk",
"fontWeight": "600",
"fontStyle": "normal",
"fontStretch": "normal",
"src": ["file:./assets/fonts/overused-grotesk/overused-grotesk-semibold.woff2"]
},
{
"fontFamily": "Overused Grotesk",
"fontWeight": "600",
"fontStyle": "italic",
"fontStretch": "normal",
"src": ["file:./assets/fonts/overused-grotesk/overused-grotesk-semibold-italic.woff2"]
},
{
"fontFamily": "Overused Grotesk",
"fontWeight": "700",
"fontStyle": "normal",
"fontStretch": "normal",
"src": ["file:./assets/fonts/inter_normal_700.ttf"]
"src": ["file:./assets/fonts/overused-grotesk/overused-grotesk-bold.woff2"]
},
{
"fontFamily": "Overused Grotesk",
"fontWeight": "700",
"fontStyle": "italic",
"fontStretch": "normal",
"src": ["file:./assets/fonts/overused-grotesk/overused-grotesk-bold-italic.woff2"]
},
{
"fontFamily": "Overused Grotesk",
"fontWeight": "800",
"fontStyle": "normal",
"fontStretch": "normal",
"src": ["file:./assets/fonts/overused-grotesk/overused-grotesk-extrabold.woff2"]
},
{
"fontFamily": "Overused Grotesk",
"fontWeight": "800",
"fontStyle": "italic",
"fontStretch": "normal",
"src": ["file:./assets/fonts/overused-grotesk/overused-grotesk-extrabold-italic.woff2"]
},
{
"fontFamily": "Overused Grotesk",
"fontWeight": "900",
"fontStyle": "normal",
"fontStretch": "normal",
"src": ["file:./assets/fonts/overused-grotesk/overused-grotesk-black.woff2"]
},
{
"fontFamily": "Overused Grotesk",
"fontWeight": "900",
"fontStyle": "italic",
"fontStretch": "normal",
"src": ["file:./assets/fonts/overused-grotesk/overused-grotesk-black-italic.woff2"]
}
]
}
]
@ -71,44 +177,45 @@
},
"styles": {
"color": {
"background": "var(--wp--preset--color--background)"
"background": "var(--wp--preset--color--background)",
"text": "var(--wp--preset--color--contrast)"
},
"typography": {
"fontFamily": "Inter"
"fontFamily": "Inclusive Sans"
},
"blocks": {
"core/post-title": {
"typography": {
"fontSize": "30px",
"fontWeight": "700"
"fontSize": "40px",
"fontWeight": "400"
}
}
},
"elements": {
"h1": {
"typography": {
"fontSize": "30px",
"fontWeight": "700"
"fontSize": "40px",
"fontWeight": "400"
}
},
"h2": {
"typography": {
"fontSize": "22.5px",
"fontSize": "24px",
"fontWeight": "400"
}
},
"link": {
"color": {
"text": "var(--wp--preset--color--text)"
"text": "var(--wp--preset--color--main-green)"
},
":visited": {
"color": {
"text": "var(--wp--preset--color--text)"
"text": "var(--wp--preset--color--washed-green)"
}
},
":hover": {
"color": {
"text": "var(--wp--preset--color--secondary)"
"text": "var(--wp--preset--color--washed-green)"
}
}
}