phc/website
6
4
Fork 1
Code Issues 9 Pull Requests Projects 1 Releases Wiki Activity

refactor: css variables for fonts

Browse Source
This commit is contained in:
aziis98
2024-11-27 22:21:02 +01:00
parent 75d2bb00ca
commit 177b469b19
4 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/controls.scss
+1 -1
View File
@@ -35,7 +35,7 @@
text-decoration: none;
color: #222;
font-family: 'Source Sans Pro', sans-serif;
font-family: var(--font-control);
font-weight: 600;
cursor: pointer;
src/styles/main.scss
+8 -4
View File
@@ -16,6 +16,11 @@ $screen-desktop-min: 1024px;
--homepage-macchinisti-bg: #888;
--project-card-bg: #a2d4f3;
--font-base: 'Open Sans', sans-serif;
--font-title: 'Iosevka', monospace;
--font-code: 'Source Code Pro', monospace;
--font-control: 'Source Sans Pro', sans-serif;
}
@layer common, typography, component, page;
@@ -41,7 +46,7 @@ $screen-desktop-min: 1024px;
min-height: 100%;
margin: 0;
font-family: 'Open Sans', sans-serif;
font-family: var(--font-base);
font-size: 18px;
color: #222;
}
@@ -112,7 +117,7 @@ body {
padding: 0 1.5rem;
a {
font-family: 'Iosevka', monospace;
font-family: var(--font-title);
font-size: 18px;
font-weight: 500;
letter-spacing: 1px;
@@ -220,8 +225,7 @@ body {
display: grid;
place-content: center;
font-family: 'Source Sans Pro', sans-serif;
font-size: 20px;
font-size: 18px;
scroll-snap-align: end;
src/styles/pages.scss
+2 -2
View File
@@ -763,7 +763,7 @@
background: #eee;
color: #000;
font-family: 'Iosevka', monospace;
font-family: var(--font-title);
font-size: 14px;
border-radius: 0.25rem;
@@ -819,7 +819,7 @@
display: grid;
align-content: center;
font-family: 'JetBrains Mono', monospace;
font-family: 'JetBrains Mono', var(--font-mono);
font-size: 16px;
user-select: all;
src/styles/typography.scss
+2 -2
View File
@@ -19,7 +19,7 @@
h#{$i} {
font-size: $base-font-size * $factor;
font-family: 'Iosevka', monospace;
font-family: var(--font-title);
font-weight: 700;
margin-bottom: 0.25rem;
}
@@ -55,7 +55,7 @@
// background: color-mix(in lab, var(--zone-color), #fff 75%) !important;
// background: var(--code-bg, #00000022) !important;
font-family: 'Source Code Pro', monospace;
font-family: var(--font-mono);
font-weight: 400;
font-size: 16px;
}