diff options
author | Alex Shpak <alex-shpak@users.noreply.github.com> | 2019-06-19 13:58:46 +0200 |
---|---|---|
committer | Alex Shpak <alex-shpak@users.noreply.github.com> | 2019-06-19 13:58:46 +0200 |
commit | 220d999ce688de71b32af36105e753be72205c76 (patch) | |
tree | 384267e0fdca884bd2cce4b6cccaa8b0f3ea0952 /assets | |
parent | 618ffadcb3745945baa62a649e9c4a53f50c449a (diff) |
Adjust some colors, font sizes, borders in markdown
Diffstat (limited to 'assets')
-rw-r--r-- | assets/_markdown.scss | 16 | ||||
-rw-r--r-- | assets/_shortcodes.scss | 22 | ||||
-rw-r--r-- | assets/_variables.scss | 6 |
3 files changed, 29 insertions, 15 deletions
diff --git a/assets/_markdown.scss b/assets/_markdown.scss index fec91e2..96ba8f8 100644 --- a/assets/_markdown.scss +++ b/assets/_markdown.scss @@ -1,7 +1,5 @@ @import 'variables'; -$block-border-radius: 0.15rem; - .markdown { line-height: 1.6; @@ -35,15 +33,15 @@ $block-border-radius: 0.15rem; code { padding: 0 $padding-4; - background: $gray-100; - border-radius: $block-border-radius; + background: $gray-200; + border-radius: $border-radius; + font-size: .875em; } pre { padding: $padding-16; background: $gray-100; - border-radius: $block-border-radius; - font-size: .875em; + border-radius: $border-radius; overflow-x: auto; code { @@ -53,9 +51,11 @@ $block-border-radius: 0.15rem; } blockquote { - border-left: $padding-1*2 solid $gray-300; margin: $padding-16 0; - padding: $padding-1 $padding-16; + padding: $padding-4 ($padding-16 - $padding-4); //to keep total left space 16dp + + border-left: $padding-4 solid $gray-200; + border-radius: $border-radius; :first-child { margin-top: 0; } :last-child { margin-bottom: 0; } diff --git a/assets/_shortcodes.scss b/assets/_shortcodes.scss index 485f0f2..38e105f 100644 --- a/assets/_shortcodes.scss +++ b/assets/_shortcodes.scss @@ -1,6 +1,7 @@ -@import 'variables'; +@import "variables"; -.markdown-inner { // Util class to remove extra margin in nested markdown content +.markdown-inner { + // Util class to remove extra margin in nested markdown content > :first-child { margin-top: 0; } @@ -11,10 +12,14 @@ // {{< expand "Label" "icon" >}} .book-expand { - border: 1px solid $gray-200; margin-top: $padding-16; margin-bottom: $padding-16; + border: $padding-1 solid $gray-200; + border-radius: $border-radius; + + overflow: hidden; + .book-expand-head { background: $gray-100; padding: $padding-8 $padding-16; @@ -33,7 +38,14 @@ // {{< tabs >}} .book-tabs { - border: 1px solid $gray-200; + margin-top: $padding-16; + margin-bottom: $padding-16; + + border: $padding-1 solid $gray-200; + border-radius: $border-radius; + + overflow: hidden; + display: flex; flex-wrap: wrap; @@ -79,7 +91,7 @@ a.book-btn { color: $color-link !important; text-decoration: none !important; border: $padding-1 solid $color-link; - border-radius: $padding-4; + border-radius: $border-radius; padding: $padding-4 $padding-16; margin-top: $padding-8; margin-bottom: $padding-8; diff --git a/assets/_variables.scss b/assets/_variables.scss index 452494f..700d2a9 100644 --- a/assets/_variables.scss +++ b/assets/_variables.scss @@ -9,6 +9,8 @@ $font-size-12: 0.75rem; $font-size-14: 0.875rem; $font-size-16: 1rem; +$border-radius: 0.15rem; + // Grayscale $white: #ffffff; $gray-100: #f8f9fa; @@ -37,5 +39,5 @@ $header-height: 3.5rem; $menu-width: 16rem; $toc-width: 16rem; -$sm-breakpoint: $menu-width + $body-min-width + 5; -$md-breakpoint: $sm-breakpoint + $toc-width; +$md-breakpoint: $menu-width + $body-min-width * 1.25 + $toc-width; +$sm-breakpoint: $menu-width + $body-min-width; |