From 5c9d7ee5d0d38329a50b13cb74f0a402e3e45003 Mon Sep 17 00:00:00 2001 From: Kazhnuz Date: Sat, 13 Oct 2018 17:35:10 +0200 Subject: [PATCH] scss: make paragraph and ul respect lines height --- css/clear-typography.css | 14 ++++++++++++++ scss/clear-typography.scss | 20 ++++++++++++++++++++ 2 files changed, 34 insertions(+) diff --git a/css/clear-typography.css b/css/clear-typography.css index 4d83dc1..46bc0a2 100644 --- a/css/clear-typography.css +++ b/css/clear-typography.css @@ -56,6 +56,20 @@ a { color: #2484c1; text-decoration: none; } +p { + padding: 0; + padding-bottom: 1.5em; + margin: 0; } + +ul { + padding: 0; + padding-bottom: 1.5em; + margin: 0; } + ul ul { + padding-bottom: 0; } + ul li { + margin-left: 1.5em; } + ::selection { background: #2484c1; color: #fff; } diff --git a/scss/clear-typography.scss b/scss/clear-typography.scss index 8456d3f..2486626 100644 --- a/scss/clear-typography.scss +++ b/scss/clear-typography.scss @@ -47,6 +47,12 @@ /* ------------------ GLOBAL STYLE ------------------- */ +@mixin paragraph() { + padding:0; + padding-bottom:1.5em; + margin:0; +} + body { font-family: ClearSans, sans-serif; text-align: left; @@ -73,6 +79,20 @@ a { text-decoration:none; } +p { + @include paragraph(); +} + +ul { + @include paragraph(); + ul { + padding-bottom:0; + } + li { + margin-left:1.5em; + } +} + ::selection { background: #2484c1; color: #fff; } ::-moz-selection { background: #2484c1; color: #fff; }