diff --git a/_layouts/default.html b/_layouts/default.html index de394ddb4e4df0e25142f3b5ee0677f48e2b9d91..de5c7222387f0e8b54119dda389ff00ce864fd5b 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -45,7 +45,7 @@ layout: table_wrappers {% for link in site.aux_links %} <li class="d-inline-block my-0{% unless forloop.last %} mr-2{% endunless %}"> <a href="{{ link.last }}" - {% if site.aux_links_new_tab %} + {% if site.aux_links_new_tab %} target="_blank" rel="noopener noreferrer" {% endif %} > diff --git a/_sass/base.scss b/_sass/base.scss index 20e49e8ce758eb9d10947c0758afd91b6e3609ec..25f8b7d29bbed33764b6d9518cb538e8b4be5dfb 100644 --- a/_sass/base.scss +++ b/_sass/base.scss @@ -25,25 +25,23 @@ body { background-color: $body-background-color; } -p, -h1, -h2, -h3, -h4, -h5, -h6, ol, ul, +dl, pre, address, blockquote, -dl, +.table-wrapper { + margin-top: 0.5em; +} + +table, +p, div, -fieldset, -form, hr, -noscript, -table { +form, +fieldset, +noscript { margin-top: 0; } @@ -53,8 +51,8 @@ h3, h4, h5, h6 { - margin-top: 1.2em; - margin-bottom: 0.8em; + margin-top: 1.5em; + margin-bottom: 0.25em; font-weight: 500; line-height: $body-heading-line-height; color: $body-heading-color; diff --git a/_sass/content.scss b/_sass/content.scss index 2940286ff1387a1c32257fedcdfb514039942b0a..2dd65ba09bd8f1d1f656f5a4ec44486f55ce0ac5 100644 --- a/_sass/content.scss +++ b/_sass/content.scss @@ -156,5 +156,15 @@ h5, h6 { position: relative; + + &:first-child { + margin-top: 0; + } + } + + table, + .table-wrapper, + .code-example, + .highlighter-rouge { + margin-top: 1em; } } diff --git a/_sass/support/_variables.scss b/_sass/support/_variables.scss index 76d8b5df39a964d482c0f7c188bd45bd422eb9a4..3665a363254c5bbbb7ebaa1c2ea5c2f7bc652726 100644 --- a/_sass/support/_variables.scss +++ b/_sass/support/_variables.scss @@ -7,8 +7,8 @@ $body-font-family: -apple-system, BlinkMacSystemFont, "helvetica neue", $mono-font-family: "SFMono-Regular", Menlo, Consolas, Monospace !default; $root-font-size: 16px !default; // Base font-size for rems $body-line-height: 1.4 !default; -$content-line-height: 1.5 !default; -$body-heading-line-height: 1.15 !default !default; +$content-line-height: 1.6 !default; +$body-heading-line-height: 1.25 !default; // // Colors diff --git a/_sass/support/mixins/_typography.scss b/_sass/support/mixins/_typography.scss index e6d85beaa71062767d1ece9e9bde819f2a31e2ad..1718a932f575bfa81f44b6c419ceda443f4f01e2 100644 --- a/_sass/support/mixins/_typography.scss +++ b/_sass/support/mixins/_typography.scss @@ -25,7 +25,7 @@ } @mixin fs-4 { - font-size: 14px !important; + font-size: 15px !important; @include mq(sm) { font-size: 16px !important; @@ -45,11 +45,13 @@ @include mq(sm) { font-size: 24px !important; + line-height: $body-heading-line-height; } } @mixin fs-7 { font-size: 24px !important; + line-height: $body-heading-line-height; @include mq(sm) { font-size: 32px !important; @@ -58,6 +60,7 @@ @mixin fs-8 { font-size: 32px !important; + line-height: $body-heading-line-height; @include mq(sm) { font-size: 36px !important; @@ -66,6 +69,7 @@ @mixin fs-9 { font-size: 36px !important; + line-height: $body-heading-line-height; @include mq(sm) { font-size: 42px !important; @@ -74,6 +78,7 @@ @mixin fs-10 { font-size: 42px !important; + line-height: $body-heading-line-height; @include mq(sm) { font-size: 48px !important; diff --git a/_sass/typography.scss b/_sass/typography.scss index fa8dcef622b8b0173c5a7b457b071721a26ef6ca..91325e27a9334d4edd512f45f7b6b1e5c200ad9a 100644 --- a/_sass/typography.scss +++ b/_sass/typography.scss @@ -22,7 +22,7 @@ h3, h4, .text-delta { @include fs-2; - font-weight: 300; + font-weight: 400; text-transform: uppercase; letter-spacing: 0.1em; }