aboutsummaryrefslogtreecommitdiff
path: root/assets/_shortcodes.scss
diff options
context:
space:
mode:
authorAlex Shpak <alex-shpak@users.noreply.github.com>2020-04-06 11:26:35 +0200
committerAlex Shpak <alex-shpak@users.noreply.github.com>2020-04-06 11:26:35 +0200
commit6234f1265497cdce9cbaa0ebf0c06137aed9fdca (patch)
tree0df706b240e6c2f1e4e76e0830530dc9dd4e0848 /assets/_shortcodes.scss
parent1eeabcad67b043c5f6ea181b0b06a6aa97d16ee4 (diff)
Restrict visited link color to markdown only
Diffstat (limited to 'assets/_shortcodes.scss')
-rw-r--r--assets/_shortcodes.scss164
1 files changed, 78 insertions, 86 deletions
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);
+ }
}
- };
+ }
}