X-Git-Url: https://gerrit.fd.io/r/gitweb?a=blobdiff_plain;f=resources%2Ftools%2Fdash%2Fapp%2Fpal%2Fstatic%2Fsass%2Fbootstrap%2Fmixins%2F_caret.scss;fp=resources%2Ftools%2Fdash%2Fapp%2Fpal%2Fstatic%2Fsass%2Fbootstrap%2Fmixins%2F_caret.scss;h=4b0f0360ba21f25b85ea5ec4f7c78e1abd7344e7;hb=f8bdd103ff86c171f6db6cef657c7ecbe97763a1;hp=0000000000000000000000000000000000000000;hpb=69fd124979890cac21bd0dbc7ef442563f175372;p=csit.git diff --git a/resources/tools/dash/app/pal/static/sass/bootstrap/mixins/_caret.scss b/resources/tools/dash/app/pal/static/sass/bootstrap/mixins/_caret.scss new file mode 100644 index 0000000000..4b0f0360ba --- /dev/null +++ b/resources/tools/dash/app/pal/static/sass/bootstrap/mixins/_caret.scss @@ -0,0 +1,64 @@ +// scss-docs-start caret-mixins +@mixin caret-down { + border-top: $caret-width solid; + border-right: $caret-width solid transparent; + border-bottom: 0; + border-left: $caret-width solid transparent; +} + +@mixin caret-up { + border-top: 0; + border-right: $caret-width solid transparent; + border-bottom: $caret-width solid; + border-left: $caret-width solid transparent; +} + +@mixin caret-end { + border-top: $caret-width solid transparent; + border-right: 0; + border-bottom: $caret-width solid transparent; + border-left: $caret-width solid; +} + +@mixin caret-start { + border-top: $caret-width solid transparent; + border-right: $caret-width solid; + border-bottom: $caret-width solid transparent; +} + +@mixin caret($direction: down) { + @if $enable-caret { + &::after { + display: inline-block; + margin-left: $caret-spacing; + vertical-align: $caret-vertical-align; + content: ""; + @if $direction == down { + @include caret-down(); + } @else if $direction == up { + @include caret-up(); + } @else if $direction == end { + @include caret-end(); + } + } + + @if $direction == start { + &::after { + display: none; + } + + &::before { + display: inline-block; + margin-right: $caret-spacing; + vertical-align: $caret-vertical-align; + content: ""; + @include caret-start(); + } + } + + &:empty::after { + margin-left: 0; + } + } +} +// scss-docs-end caret-mixins