add base typographical styles
This commit is contained in:
parent
38585b6a40
commit
6db90f9515
|
@ -36,10 +36,15 @@
|
|||
|
||||
--white: #{$color__white};
|
||||
--black: #{$color__black};
|
||||
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: 100%;
|
||||
line-height: 1.6;
|
||||
|
||||
box-sizing: border-box;
|
||||
|
||||
@include font-body;
|
||||
color: $color-body;
|
||||
background-color: $background-color;
|
||||
|
@ -54,6 +59,46 @@ h6 {
|
|||
@include font-title();
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin-bottom: 1.6rem;
|
||||
@include font-title(semi-bold);
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.6em;
|
||||
margin-bottom: 1.6rem;
|
||||
@include font-title(semi-bold);
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.4em;
|
||||
margin-bottom: 1.6rem;
|
||||
@include font-title(semi-bold);
|
||||
}
|
||||
|
||||
h4, h5, h6 {
|
||||
opacity: 0.8;
|
||||
margin-bottom: 0.8rem;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 1.2em;
|
||||
@include font-title(semi-bold);
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-bottom: 1.6rem;
|
||||
}
|
||||
|
||||
a,
|
||||
button {
|
||||
@include font-link();
|
||||
|
|
Loading…
Reference in New Issue