scss: use a mixin for titles
This commit is contained in:
parent
f7b69f7347
commit
1451480bdc
2 changed files with 20 additions and 26 deletions
|
@ -110,30 +110,35 @@ h2 {
|
|||
font-size: 1.8em;
|
||||
line-height: 1.5em;
|
||||
padding: 0;
|
||||
margin-bottom: 0em;
|
||||
font-weight: 600; }
|
||||
|
||||
h3 {
|
||||
font-size: 1.6em;
|
||||
line-height: 1.5em;
|
||||
padding: 0;
|
||||
margin-bottom: 0em;
|
||||
font-weight: 600; }
|
||||
|
||||
h4 {
|
||||
font-size: 1.4em;
|
||||
line-height: 1.5em;
|
||||
padding: 0;
|
||||
margin-bottom: 0em;
|
||||
font-weight: 600; }
|
||||
|
||||
h5 {
|
||||
font-size: 1.4em;
|
||||
line-height: 1.5em;
|
||||
padding: 0;
|
||||
margin-bottom: 0em;
|
||||
font-weight: 400; }
|
||||
|
||||
h6 {
|
||||
font-size: 1.2em;
|
||||
line-height: 1.5em;
|
||||
padding: 0em;
|
||||
padding: 0;
|
||||
margin-bottom: 0em;
|
||||
font-weight: 400; }
|
||||
|
||||
/* ------------------ HR ------------------- */
|
||||
|
|
|
@ -114,6 +114,14 @@ a {
|
|||
|
||||
/* ------------------ TITLES ------------------- */
|
||||
|
||||
@mixin title($size, $height, $bottom, $weight) {
|
||||
font-size: $size;
|
||||
line-height: $height;
|
||||
padding:0;
|
||||
margin-bottom: $bottom;
|
||||
font-weight: $weight;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6, h7 {
|
||||
text-align: left;
|
||||
font-size: 1em;
|
||||
|
@ -124,46 +132,27 @@ h1, h2, h3, h4, h5, h6, h7 {
|
|||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
line-height: 1.5em;
|
||||
padding:0;
|
||||
margin-bottom:1em;
|
||||
font-weight:600;
|
||||
@include title(2em, 1.5em, 1em, 600);
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.8em;
|
||||
line-height: 1.5em;
|
||||
padding:0;
|
||||
font-weight:600;
|
||||
@include title(1.8em, 1.5em, 0em, 600);
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.6em;
|
||||
line-height: 1.5em;
|
||||
padding:0;
|
||||
font-weight:600;
|
||||
@include title(1.6em, 1.5em, 0em, 600);
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 1.4em;
|
||||
line-height: 1.5em;
|
||||
padding:0;
|
||||
font-weight:600;
|
||||
@include title(1.4em, 1.5em, 0em, 600);
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 1.4em;
|
||||
line-height: 1.5em;
|
||||
padding:0;
|
||||
font-weight:400;
|
||||
@include title(1.4em, 1.5em, 0em, 400);
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: 1.2em;
|
||||
line-height: 1.5em;
|
||||
padding:0em;
|
||||
font-weight:400;
|
||||
@include title(1.2em, 1.5em, 0em, 400);
|
||||
}
|
||||
|
||||
/* ------------------ HR ------------------- */
|
||||
|
|
Loading…
Reference in a new issue