scss: make margin-top modifiable for titles
This commit is contained in:
parent
7504d1d16e
commit
1363268709
2 changed files with 14 additions and 7 deletions
|
@ -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; }
|
||||||
|
|
||||||
|
|
|
@ -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 ------------------- */
|
||||||
|
|
Loading…
Reference in a new issue