i.serdyuk/website
1
0
Fork 0
forked from phc/website
Code Pull Requests Activity

chore: more fonts refactoring

Browse Source
This commit is contained in:
aziis98
2024-11-27 22:37:51 +01:00
parent 0abd1c4886
commit 1dcd0705b5
5 changed files with 11 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/components.scss
+1 -1
View File
@@ -29,7 +29,7 @@
} }
.title { .title {
font-family: 'Iosevka', monospace; font-family: var(--font-display);
font-weight: 700; font-weight: 700;
font-size: 28px; font-size: 28px;
} }
src/styles/controls.scss
+1 -1
View File
@@ -35,7 +35,7 @@
text-decoration: none; text-decoration: none;
color: #222; color: #222;
font-family: var(--font-control); font-family: var(--font-secondary);
font-weight: 600; font-weight: 600;
cursor: pointer; cursor: pointer;
src/styles/main.scss
+7 -6
View File
@@ -17,10 +17,10 @@ $screen-desktop-min: 1024px;
--project-card-bg: #a2d4f3; --project-card-bg: #a2d4f3;
--font-base: 'Open Sans', sans-serif; --font-primary: 'Open Sans', sans-serif;
--font-title: 'Iosevka', monospace; --font-display: 'Iosevka', monospace;
--font-code: 'Source Code Pro', monospace; --font-mono: 'Source Code Pro', monospace;
--font-control: 'Source Sans Pro', sans-serif; --font-secondary: 'Source Sans Pro', sans-serif;
} }
@layer common, typography, component, page; @layer common, typography, component, page;
@@ -46,7 +46,7 @@ $screen-desktop-min: 1024px;
min-height: 100%; min-height: 100%;
margin: 0; margin: 0;
font-family: var(--font-base); font-family: var(--font-primary);
font-size: 18px; font-size: 18px;
color: #222; color: #222;
} }
@@ -117,7 +117,7 @@ body {
padding: 0 1.5rem; padding: 0 1.5rem;
a { a {
font-family: var(--font-title); font-family: var(--font-display);
font-size: 18px; font-size: 18px;
font-weight: 500; font-weight: 500;
letter-spacing: 1px; letter-spacing: 1px;
@@ -225,6 +225,7 @@ body {
display: grid; display: grid;
place-content: center; place-content: center;
font-family: var(--font-secondary);
font-size: 18px; font-size: 18px;
scroll-snap-align: end; scroll-snap-align: end;
src/styles/pages.scss
+1 -1
View File
@@ -763,7 +763,7 @@
background: #eee; background: #eee;
color: #000; color: #000;
font-family: var(--font-title); font-family: var(--font-display);
font-size: 14px; font-size: 14px;
border-radius: 0.25rem; border-radius: 0.25rem;
src/styles/typography.scss
+1 -1
View File
@@ -19,7 +19,7 @@
h#{$i} { h#{$i} {
font-size: $base-font-size * $factor; font-size: $base-font-size * $factor;
font-family: var(--font-title); font-family: var(--font-display);
font-weight: 700; font-weight: 700;
margin-bottom: 0.25rem; margin-bottom: 0.25rem;
} }