From 1661ac8f47b4863e8891e78d0379600887ddf8eb Mon Sep 17 00:00:00 2001 From: Kazhnuz Date: Sat, 13 Oct 2018 17:23:29 +0200 Subject: [PATCH] scss: customize padding instead of margin for titles --- css/clear-typography.css | 24 ++++++------------------ scss/clear-typography.scss | 4 +--- 2 files changed, 7 insertions(+), 21 deletions(-) diff --git a/css/clear-typography.css b/css/clear-typography.css index a5ba2ab..fffdc71 100644 --- a/css/clear-typography.css +++ b/css/clear-typography.css @@ -110,49 +110,37 @@ h1, h2, h3, h4, h5, h6, h7 { h1 { font-size: 2em; line-height: 1.5em; - padding: 0; - margin-top: 0em; - margin-bottom: 1em; + padding: 0em 0 1em 0; font-weight: 600; } h2 { font-size: 1.8em; line-height: 1.5em; - padding: 0; - margin-top: 0em; - margin-bottom: 0em; + padding: 0em 0 0em 0; font-weight: 600; } h3 { font-size: 1.6em; line-height: 1.5em; - padding: 0; - margin-top: 0em; - margin-bottom: 0em; + padding: 0em 0 0em 0; font-weight: 600; } h4 { font-size: 1.4em; line-height: 1.5em; - padding: 0; - margin-top: 0em; - margin-bottom: 0em; + padding: 0em 0 0em 0; font-weight: 600; } h5 { font-size: 1.4em; line-height: 1.5em; - padding: 0; - margin-top: 0em; - margin-bottom: 0em; + padding: 0em 0 0em 0; font-weight: 400; } h6 { font-size: 1.2em; line-height: 1.5em; - padding: 0; - margin-top: 0em; - margin-bottom: 0em; + padding: 0em 0 0em 0; font-weight: 400; } /* ------------------ HR ------------------- */ diff --git a/scss/clear-typography.scss b/scss/clear-typography.scss index 199b0b6..797f5b5 100644 --- a/scss/clear-typography.scss +++ b/scss/clear-typography.scss @@ -127,9 +127,7 @@ a { @mixin title($size, $height, $top, $bottom, $weight) { font-size: $size; line-height: $height; - padding:0; - margin-top: $top; - margin-bottom: $bottom; + padding: $top 0 $bottom 0; font-weight: $weight; }