diff --git a/css/clear-typography.css b/css/clear-typography.css index e7dac82..a5ba2ab 100644 --- a/css/clear-typography.css +++ b/css/clear-typography.css @@ -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; } diff --git a/scss/clear-typography.scss b/scss/clear-typography.scss index 8e9f5ec..199b0b6 100644 --- a/scss/clear-typography.scss +++ b/scss/clear-typography.scss @@ -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 ------------------- */