From bc2f9643f04b990bae26ceed29cf1dc116ca69f4 Mon Sep 17 00:00:00 2001 From: Jamie McCue Date: Thu, 18 Jul 2019 15:02:54 -0700 Subject: [PATCH 1/2] update type and margins --- static/article-title.less | 1 - static/content.less | 3 +++ static/type.less | 8 ++++++-- 3 files changed, 9 insertions(+), 3 deletions(-) diff --git a/static/article-title.less b/static/article-title.less index 4024fd35..dcd74cd5 100644 --- a/static/article-title.less +++ b/static/article-title.less @@ -59,7 +59,6 @@ ul.title-links { .on-this-page-table { display: inline-block; margin-left: @gutter*2; - margin-bottom: @gutter*2; border: none; .on-this-page-title { diff --git a/static/content.less b/static/content.less index e305fa56..f6894247 100644 --- a/static/content.less +++ b/static/content.less @@ -156,3 +156,6 @@ blockquote{ .body{ margin: @gutter*2; } +.cp_embed_wrapper { + margin-bottom: @gutter; +} diff --git a/static/type.less b/static/type.less index ad096809..1ac5bfce 100644 --- a/static/type.less +++ b/static/type.less @@ -26,7 +26,8 @@ h2{ } } h3{ - color: lighten(@gray, 15%); + font-size: 25px; + color: lighten(@gray, 15%); margin-top: @gutter*4; font-weight: @font-weight-heading; } @@ -40,6 +41,9 @@ a { text-decoration: underline; } } - +h4, h5, h6 { + font-size: 20px; + color: @gray; +} From 1a9e7847644330106dd6213b4eedcd57258c216c Mon Sep 17 00:00:00 2001 From: Chasen Le Hara Date: Mon, 19 Aug 2019 15:27:29 +0100 Subject: [PATCH 2/2] Tweak the heading styles --- static/type.less | 59 ++++++++++++++++++++++-------------------------- 1 file changed, 27 insertions(+), 32 deletions(-) diff --git a/static/type.less b/static/type.less index 1ac5bfce..9f791d29 100644 --- a/static/type.less +++ b/static/type.less @@ -1,49 +1,44 @@ -h1,h2,h3,h4,h5,h6 { - margin-top: 1em; - margin-bottom: @gutter; - font-weight: bold; - line-height: 1.4; - .border-bottom; +h1, +h2, +h3, +h4, +h5, +h6 { + color: lighten(@gray, 15%); + margin-top: 1em; + margin-bottom: @gutter; + font-weight: @font-weight-heading; + line-height: 1.4; + .border-bottom; } -h1{ +h1 { font-size: 45px; - color: lighten(@gray, 15%); border: none; - margin-top:0px; + margin-top: 0px; margin-bottom: 0px; - font-weight: @font-weight-heading; word-wrap: break-word; - line-height: 1.0em; - margin-right: @gutter/2; + line-height: 1em; + margin-right: @gutter / 2; } -h2{ +h2 { font-size: 30px; - color: lighten(@gray, 15%); margin-top: @gutter*4; - font-weight: @font-weight-heading; - code{ + code { color: lighten(@link-color, 5%) !important; } } -h3{ - font-size: 25px; - color: lighten(@gray, 15%); +h3 { + font-size: 24px; margin-top: @gutter*4; - font-weight: @font-weight-heading; } -p{ +p { color: darken(@gray, 25%); } a { - color: @link-color; - text-decoration: none; - &:hover, &:active { - text-decoration: underline; - } -} -h4, h5, h6 { - font-size: 20px; - color: @gray; + color: @link-color; + text-decoration: none; + &:hover, + &:active { + text-decoration: underline; + } } - -