kazhnuz
/
clear-typography
1
0
Fork 0
Code Issues 4 Pull Requests Releases 1 Wiki Activity

scss: make margin-top modifiable for titles

This commit is contained in:
Kazhnuz 2018-10-13 17:21:55 +02:00
parent 7504d1d16e
commit 1363268709
2 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
css/clear-typography.css
View File

@ -111,6 +111,7 @@ h1 {
font-size: 2em;
line-height: 1.5em;
padding: 0;
margin-top: 0em;
margin-bottom: 1em;
font-weight: 600; }
@ -118,6 +119,7 @@ h2 {
font-size: 1.8em;
line-height: 1.5em;
padding: 0;
margin-top: 0em;
margin-bottom: 0em;
font-weight: 600; }
@ -125,6 +127,7 @@ h3 {
font-size: 1.6em;
line-height: 1.5em;
padding: 0;
margin-top: 0em;
margin-bottom: 0em;
font-weight: 600; }
@ -132,6 +135,7 @@ h4 {
font-size: 1.4em;
line-height: 1.5em;
padding: 0;
margin-top: 0em;
margin-bottom: 0em;
font-weight: 600; }
@ -139,6 +143,7 @@ h5 {
font-size: 1.4em;
line-height: 1.5em;
padding: 0;
margin-top: 0em;
margin-bottom: 0em;
font-weight: 400; }
@ -146,6 +151,7 @@ h6 {
font-size: 1.2em;
line-height: 1.5em;
padding: 0;
margin-top: 0em;
margin-bottom: 0em;
font-weight: 400; }

15
scss/clear-typography.scss
View File

@ -124,10 +124,11 @@ a {
/* ------------------ TITLES ------------------- */
@mixin title($size, $height, $bottom, $weight) {
@mixin title($size, $height, $top, $bottom, $weight) {
font-size: $size;
line-height: $height;
padding:0;
margin-top: $top;
margin-bottom: $bottom;
font-weight: $weight;
}
@ -142,27 +143,27 @@ h1, h2, h3, h4, h5, h6, h7 {
}
h1 {
@include title(2em, 1.5em, 1em, 600);
@include title(2em, 1.5em, 0em, 1em, 600);
}
h2 {
@include title(1.8em, 1.5em, 0em, 600);
@include title(1.8em, 1.5em, 0em, 0em, 600);
}
h3 {
@include title(1.6em, 1.5em, 0em, 600);
@include title(1.6em, 1.5em, 0em, 0em, 600);
}
h4 {
@include title(1.4em, 1.5em, 0em, 600);
@include title(1.4em, 1.5em, 0em, 0em, 600);
}
h5 {
@include title(1.4em, 1.5em, 0em, 400);
@include title(1.4em, 1.5em, 0em, 0em, 400);
}
h6 {
@include title(1.2em, 1.5em, 0em, 400);
@include title(1.2em, 1.5em, 0em, 0em, 400);
}
/* ------------------ HR ------------------- */