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

View file

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

View file

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