diff --git a/css/clear-typography.css b/css/clear-typography.css index 937894d..ba8ec95 100644 --- a/css/clear-typography.css +++ b/css/clear-typography.css @@ -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 ------------------- */ diff --git a/scss/clear-typography.scss b/scss/clear-typography.scss index 89d102f..960f967 100644 --- a/scss/clear-typography.scss +++ b/scss/clear-typography.scss @@ -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 ------------------- */