css refactoring
This commit is contained in:
parent
5fab362054
commit
1be98b0663
6 changed files with 17 additions and 22 deletions
|
@ -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 }};
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue