Change website font
I think Work Sans was too harsh. Nunito looks better.
This commit is contained in:
parent
bddc0bd69f
commit
3ccca72bc6
3 changed files with 27 additions and 15 deletions
|
@ -8,7 +8,7 @@ html {
|
|||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: 'Work Sans', sans-serif;
|
||||
font-family: 'Nunito', sans-serif;
|
||||
}
|
||||
|
||||
body.dark-mode {
|
||||
|
@ -74,7 +74,7 @@ body.dark-mode {
|
|||
|
||||
h1 {
|
||||
font-size: 4rem;
|
||||
font-weight: 500;
|
||||
font-weight: 600;
|
||||
margin: 0 0 2rem;
|
||||
color: #333;
|
||||
}
|
||||
|
@ -99,20 +99,27 @@ body.dark-mode {
|
|||
white-space: nowrap;
|
||||
position: relative;
|
||||
|
||||
&:before {
|
||||
&:before, &:after {
|
||||
content: '';
|
||||
bottom: 0.2rem;
|
||||
bottom: 0.4rem;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 0.1rem;
|
||||
background: rgba(#333, 0.2);
|
||||
position: absolute;
|
||||
transform: scaleX(0);
|
||||
transform-origin: center left;
|
||||
opacity: 0.2;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
&:before {
|
||||
transform: scaleX(0);
|
||||
transform-origin: center left;
|
||||
}
|
||||
|
||||
&:after {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
&:hover:before {
|
||||
transform: scaleX(1);
|
||||
opacity: 1;
|
||||
|
@ -348,7 +355,7 @@ body.dark-mode {
|
|||
&:before {
|
||||
content: '@';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-weight: bold;
|
||||
line-height: 5.5rem;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue