Refactor font variable names and update CV section styles
This commit is contained in:
parent
2eec141073
commit
055df518e4
3 changed files with 24 additions and 18 deletions
|
@ -4,9 +4,9 @@
|
||||||
|
|
||||||
// ----- FONTS
|
// ----- FONTS
|
||||||
|
|
||||||
$text-font-family: Helvetica, Arial, sans-serif;
|
$default-font-family: Helvetica, Arial, sans-serif;
|
||||||
$text-font-size: 0.9rem;
|
$default-font-size: 0.9rem;
|
||||||
$text-line-height: 1.15;
|
$default-line-height: 1.15;
|
||||||
|
|
||||||
// ----- COLORS
|
// ----- COLORS
|
||||||
|
|
||||||
|
|
|
@ -7,17 +7,9 @@
|
||||||
body {
|
body {
|
||||||
color: $black;
|
color: $black;
|
||||||
background-color: $white;
|
background-color: $white;
|
||||||
font-family: $text-font-family;
|
font-family: $default-font-family;
|
||||||
font-size: $text-font-size;
|
font-size: $default-font-size;
|
||||||
line-height: $text-line-height;
|
line-height: $default-line-height;
|
||||||
}
|
|
||||||
|
|
||||||
strong {
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
|
|
||||||
em {
|
|
||||||
font-style: italic;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
|
@ -31,6 +23,14 @@ a {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
strong {
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
em {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
// BASE LAYOUT
|
// BASE LAYOUT
|
||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
|
|
@ -17,20 +17,26 @@
|
||||||
row-gap: 1rem;
|
row-gap: 1rem;
|
||||||
max-width: $content-width-s;
|
max-width: $content-width-s;
|
||||||
|
|
||||||
h2 {
|
> h2 {
|
||||||
grid-column: 1 / span 2;
|
grid-column: 1 / span 2;
|
||||||
|
font-size: 1rem;
|
||||||
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
|
|
||||||
h3 {
|
> h3 {
|
||||||
grid-column: 1 / span 1;
|
grid-column: 1 / span 1;
|
||||||
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
> p {
|
||||||
grid-column: 1 / span 2;
|
grid-column: 1 / span 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul {
|
> ul {
|
||||||
grid-column: 2 / span 1;
|
grid-column: 2 / span 1;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 0.25rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue