rayelliott
/
gulp-web
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

add base typographical styles

This commit is contained in:
Ray Elliott 2020-05-21 14:48:47 +01:00
parent 38585b6a40
commit 6db90f9515
1 changed files with 79 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
src/scss/_base.scss
View File

@ -36,10 +36,15 @@
--white: #{$color__white}; --white: #{$color__white};
--black: #{$color__black}; --black: #{$color__black};
} }
body { body {
font-size: 100%; font-size: 100%;
line-height: 1.6;
box-sizing: border-box;
@include font-body; @include font-body;
color: $color-body; color: $color-body;
background-color: $background-color; background-color: $background-color;
@ -54,6 +59,46 @@ h6 {
@include font-title(); @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, a,
button { button {
@include font-link(); @include font-link();