From 86bb29b4d378314bd906248e08198c1952d2f0a4 Mon Sep 17 00:00:00 2001 From: Matthew Lemon Date: Mon, 16 Sep 2024 17:12:15 +0100 Subject: Upgrade to bootstrap 5.3 --- pyblackbird_cc/static/scss/mixins/_caret.scss | 69 +++++++++++++++++++++++++++ 1 file changed, 69 insertions(+) create mode 100644 pyblackbird_cc/static/scss/mixins/_caret.scss (limited to 'pyblackbird_cc/static/scss/mixins/_caret.scss') diff --git a/pyblackbird_cc/static/scss/mixins/_caret.scss b/pyblackbird_cc/static/scss/mixins/_caret.scss new file mode 100644 index 0000000..be73116 --- /dev/null +++ b/pyblackbird_cc/static/scss/mixins/_caret.scss @@ -0,0 +1,69 @@ +// scss-docs-start caret-mixins +@mixin caret-down($width: $caret-width) { + border-top: $width solid; + border-right: $width solid transparent; + border-bottom: 0; + border-left: $width solid transparent; +} + +@mixin caret-up($width: $caret-width) { + border-top: 0; + border-right: $width solid transparent; + border-bottom: $width solid; + border-left: $width solid transparent; +} + +@mixin caret-end($width: $caret-width) { + border-top: $width solid transparent; + border-right: 0; + border-bottom: $width solid transparent; + border-left: $width solid; +} + +@mixin caret-start($width: $caret-width) { + border-top: $width solid transparent; + border-right: $width solid; + border-bottom: $width solid transparent; +} + +@mixin caret( + $direction: down, + $width: $caret-width, + $spacing: $caret-spacing, + $vertical-align: $caret-vertical-align +) { + @if $enable-caret { + &::after { + display: inline-block; + margin-left: $spacing; + vertical-align: $vertical-align; + content: ""; + @if $direction == down { + @include caret-down($width); + } @else if $direction == up { + @include caret-up($width); + } @else if $direction == end { + @include caret-end($width); + } + } + + @if $direction == start { + &::after { + display: none; + } + + &::before { + display: inline-block; + margin-right: $spacing; + vertical-align: $vertical-align; + content: ""; + @include caret-start($width); + } + } + + &:empty::after { + margin-left: 0; + } + } +} +// scss-docs-end caret-mixins -- cgit v1.2.3