css refactoring

This commit is contained in:
Lyn Fugmann 2024-09-23 14:37:40 +02:00
parent 5fab362054
commit 1be98b0663
6 changed files with 17 additions and 22 deletions

View file

@ -1,5 +1,6 @@
* {
box-sizing: border-box;
font-size: 17px;
}
body {
@ -9,7 +10,8 @@ body {
color: var(--color-text);
}
main {
.content {
width: 100%;
max-width: var(--page-width);
margin-left: auto;
margin-right: auto;
@ -21,32 +23,32 @@ h1, h2, h3, h4 {
h1 {
font-weight: 700;
font-size: 2.8rem;
font-size: 2.8em;
text-transform: uppercase;
}
h2 {
font-weight: 300;
font-size: 2.4rem;
font-size: 2.4em;
line-height: 2;
}
h3 {
font-weight: 300;
font-size: 1.8rem;
font-size: 1.8em;
line-height: 2;
}
h4 {
font-weight: 400;
font-size: 1.3rem;
font-size: 1.3em;
line-height: 2;
}
h5 {
font-weight: 700;
font-size: 1rem;
margin-bottom: 1rem;
font-size: 1em;
margin-bottom: 1em;
}
p {
@ -54,8 +56,8 @@ p {
}
:root {
font-size: 17px;
--page-width: 75rem;
font-size: 12px;
--page-width: 1280px;
--color-text: #495057;
--color-primary: {{ eseColor }};
}