From 6234f1265497cdce9cbaa0ebf0c06137aed9fdca Mon Sep 17 00:00:00 2001 From: Alex Shpak Date: Mon, 6 Apr 2020 11:26:35 +0200 Subject: Restrict visited link color to markdown only --- assets/_shortcodes.scss | 164 +++++++++++++++++++++++------------------------- 1 file changed, 78 insertions(+), 86 deletions(-) (limited to 'assets/_shortcodes.scss') diff --git a/assets/_shortcodes.scss b/assets/_shortcodes.scss index 7d2c747..6a64ec4 100644 --- a/assets/_shortcodes.scss +++ b/assets/_shortcodes.scss @@ -1,109 +1,101 @@ -.markdown-inner { - // Util class to remove extra margin in nested markdown content - > :first-child { - margin-top: 0; - } - > :last-child { - margin-bottom: 0; - } -} +.markdown { + // {{< expand "Label" "icon" >}} + .book-expand { + margin-top: $padding-16; + margin-bottom: $padding-16; -// {{< expand "Label" "icon" >}} -.book-expand { - margin-top: $padding-16; - margin-bottom: $padding-16; + border: $padding-1 solid $gray-200; + border-radius: $border-radius; - border: $padding-1 solid $gray-200; - border-radius: $border-radius; + overflow: hidden; - overflow: hidden; + .book-expand-head { + background: $gray-100; + padding: $padding-8 $padding-16; + cursor: pointer; + } - .book-expand-head { - background: $gray-100; - padding: $padding-8 $padding-16; - cursor: pointer; - } + .book-expand-content { + display: none; + padding: $padding-16; + } - .book-expand-content { - display: none; - padding: $padding-16; + input[type="checkbox"]:checked + .book-expand-content { + display: block; + } } - input[type="checkbox"]:checked + .book-expand-content { - display: block; - } -} + // {{< tabs >}} + .book-tabs { + margin-top: $padding-16; + margin-bottom: $padding-16; -// {{< tabs >}} -.book-tabs { - margin-top: $padding-16; - margin-bottom: $padding-16; + border: $padding-1 solid $gray-200; + border-radius: $border-radius; - border: $padding-1 solid $gray-200; - border-radius: $border-radius; + overflow: hidden; - overflow: hidden; + display: flex; + flex-wrap: wrap; - display: flex; - flex-wrap: wrap; + label { + display: inline-block; + padding: $padding-8 $padding-16; + border-bottom: $padding-1 transparent; + cursor: pointer; + } - label { - display: inline-block; - padding: $padding-8 $padding-16; - border-bottom: $padding-1 transparent; - cursor: pointer; - } + .book-tabs-content { + order: 999; //Move content blocks to the end + width: 100%; + border-top: $padding-1 solid $gray-100; + padding: $padding-16; + display: none; + } - .book-tabs-content { - order: 999; //Move content blocks to the end - width: 100%; - border-top: $padding-1 solid $gray-100; - padding: $padding-16; - display: none; + input[type="radio"]:checked + label { + border-bottom: $padding-1 solid $color-link; + } + input[type="radio"]:checked + label + .book-tabs-content { + display: block; + } } - input[type="radio"]:checked + label { - border-bottom: $padding-1 solid $color-link; - } - input[type="radio"]:checked + label + .book-tabs-content { - display: block; - } -} + // {{< columns >}} + .book-columns { + margin-left: -$padding-16; + margin-right: -$padding-16; -// {{< columns >}} -.book-columns { - margin-left: -$padding-16; - margin-right: -$padding-16; + > div { + margin: $padding-16 0; + min-width: $body-min-width / 2; + padding: 0 $padding-16; + } + } - > div { - margin: $padding-16 0; - min-width: $body-min-width / 2; + // {{< button >}} + a.book-btn { + display: inline-block; + font-size: $font-size-14; + color: $color-link; + line-height: $padding-16 * 2; padding: 0 $padding-16; - } -} + border: $padding-1 solid $color-link; + border-radius: $border-radius; + cursor: pointer; -// {{< button >}} -a.book-btn { - display: inline-block; - font-size: $font-size-14; - color: $color-link; - line-height: $padding-16 * 2; - padding: 0 $padding-16; - border: $padding-1 solid $color-link; - border-radius: $border-radius; - cursor: pointer; - - &:hover { - text-decoration: none; + &:hover { + text-decoration: none; + } } -} -// {{< hint >}} -.book-hint { - @each $name, $color in $hint-colors { - &.#{$name} { - border-left-color: $color; - background-color: rgba($color, 0.1); + // {{< hint >}} + .book-hint { + @each $name, $color in $hint-colors { + &.#{$name} { + border-left-color: $color; + background-color: rgba($color, 0.1); + } } - }; + } } -- cgit v1.2.3