diff options
| author | amzrk2 | 2020-05-27 22:53:13 +0800 |
|---|---|---|
| committer | amzrk2 | 2020-05-27 22:53:13 +0800 |
| commit | dfb6e1f80754c1c8f2d4d332c5292319f008a67b (patch) | |
| tree | fd8c0cf13e03613b6a39c662b6a0ced87fb69157 /assets/_primer/support/mixins/misc.scss | |
| parent | aa5290aeef9df1c583fdf30290351968df9215dc (diff) | |
| download | hugo-theme-fuji-dfb6e1f80754c1c8f2d4d332c5292319f008a67b.tar.gz hugo-theme-fuji-dfb6e1f80754c1c8f2d4d332c5292319f008a67b.tar.bz2 hugo-theme-fuji-dfb6e1f80754c1c8f2d4d332c5292319f008a67b.zip | |
v2 original port
Diffstat (limited to 'assets/_primer/support/mixins/misc.scss')
| -rw-r--r-- | assets/_primer/support/mixins/misc.scss | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/assets/_primer/support/mixins/misc.scss b/assets/_primer/support/mixins/misc.scss new file mode 100644 index 0000000..ebdd32d --- /dev/null +++ b/assets/_primer/support/mixins/misc.scss @@ -0,0 +1,29 @@ +// Generate a two-color caret for any element. +@mixin double-caret($foreground: $text-white, $background: lighten($gray-300, 5%)) { + &::after, + &::before { + position: absolute; + top: 11px; + right: 100%; + left: -16px; + display: block; + width: 0; + height: 0; + pointer-events: none; + content: " "; + border-color: transparent; + border-style: solid solid outset; + } + + &::after { + margin-top: 1px; + margin-left: 2px; + border-width: 7px; + border-right-color: $foreground; + } + + &::before { + border-width: 8px; + border-right-color: $background; + } +} |