SebinNyshkim/sebin-reference
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: 💄 update fonts

Browse source
This commit is contained in:
Sebin Nyshkim 2020-12-21 12:40:19 +01:00
parent b0110e6e36
commit 35ed0200cf
1 changed files with 44 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

59
src/scss/base.scss
View file

@ -1,4 +1,4 @@
@import url("https://fonts.googleapis.com/css?family=Exo:300,300i,900,900i|Fira+Sans+Extra+Condensed:300,700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Dosis:wght@400;700&family=Exo:ital,wght@0,300;0,900;1,300;1,900&family=Zilla+Slab:wght@700&display=swap");
@import "variables"; @import "variables";
@import "mixins"; @import "mixins";
@import "flex"; @import "flex";
@ -8,12 +8,41 @@
} }
:root { :root {
font-family: "Fira Sans Extra Condensed", sans-serif; font-family: "Dosis", sans-serif;
font-size: 16px; font-size: 16px;
line-height: 1.5; line-height: 1.5;
text-size-adjust: 100%; text-size-adjust: 100%;
} }
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Zilla Slab", sans-serif;
}
h1 {
font-size: 3em;
}
h2 {
font-size: 1.825em;
@include mq-desktop {
font-size: 2.25em;
}
}
h3 {
font-size: 1.125em;
@include mq-desktop {
font-size: 1.5em;
}
}
a { a {
color: $copy-color; color: $copy-color;
} }
@ -30,24 +59,24 @@ a {
&::before, &::before,
&::after { &::after {
content: ""; content: "";
position: absolute; position: absolute;
border-radius: 100%; border-radius: 100%;
} }
&::before { &::before {
background-color: rgba(lighten($bg-color-dark, 10%), 0.7); background-color: rgba(lighten($bg-color-dark, 10%), 0.7);
height: 80vw; height: 80vw;
width: 80vw; width: 80vw;
bottom: -45vw; bottom: -45vw;
right: -25vw; right: -25vw;
} }
&::after { &::after {
background-color: rgba(lighten($bg-color-dark, 10%), 0.7); background-color: rgba(lighten($bg-color-dark, 10%), 0.7);
height: 80vw; height: 80vw;
width: 80vw; width: 80vw;
bottom: -25vw; bottom: -25vw;
right: -50vw; right: -50vw;
} }
} }