X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/8a078a30db08afb680c48ce94d6e576236febeed..16c39b15d9a1516d9cbfa99288747260493cbb15:/src/wolnelektury/static/2021/css/utils/bourbon/library/_triangle.scss diff --git a/src/wolnelektury/static/2021/css/utils/bourbon/library/_triangle.scss b/src/wolnelektury/static/2021/css/utils/bourbon/library/_triangle.scss deleted file mode 100644 index 2ba96b595..000000000 --- a/src/wolnelektury/static/2021/css/utils/bourbon/library/_triangle.scss +++ /dev/null @@ -1,82 +0,0 @@ -@charset "UTF-8"; - -/// Generates a triangle pointing in a specified direction. -/// -/// @argument {string} $direction -/// The direction the triangle should point. Accepts `up`, `up-right`, -/// `right`, `down-right`, `down`, `down-left`, `left` or `up-left`. -/// -/// @argument {number (with unit)} $width -/// Width of the triangle. -/// -/// @argument {number (with unit)} $height -/// Height of the triangle. -/// -/// @argument {color} $color -/// Color of the triangle. -/// -/// @example scss -/// .element { -/// &::before { -/// @include triangle("up", 2rem, 1rem, #b25c9c); -/// content: ""; -/// } -/// } -/// -/// // CSS Output -/// .element::before { -/// border-style: solid; -/// height: 0; -/// width: 0; -/// border-color: transparent transparent #b25c9c; -/// border-width: 0 1rem 1rem; -/// content: ""; -/// } - -@mixin triangle( - $direction, - $width, - $height, - $color -) { - @if not index( - "up" "up-right" "right" "down-right" "down" "down-left" "left" "up-left", - $direction - ) { - @error "Direction must be `up`, `up-right`, `right`, `down-right`, " + - "`down`, `down-left`, `left` or `up-left`."; - } @else if not _is-color($color) { - @error "`#{$color}` is not a valid color for the `$color` argument in " + - "the `triangle` mixin."; - } @else { - border-style: solid; - height: 0; - width: 0; - - @if $direction == "up" { - border-color: transparent transparent $color; - border-width: 0 ($width / 2) $height; - } @else if $direction == "up-right" { - border-color: transparent $color transparent transparent; - border-width: 0 $width $width 0; - } @else if $direction == "right" { - border-color: transparent transparent transparent $color; - border-width: ($height / 2) 0 ($height / 2) $width; - } @else if $direction == "down-right" { - border-color: transparent transparent $color; - border-width: 0 0 $width $width; - } @else if $direction == "down" { - border-color: $color transparent transparent; - border-width: $height ($width / 2) 0; - } @else if $direction == "down-left" { - border-color: transparent transparent transparent $color; - border-width: $width 0 0 $width; - } @else if $direction == "left" { - border-color: transparent $color transparent transparent; - border-width: ($height / 2) $width ($height / 2) 0; - } @else if $direction == "up-left" { - border-color: $color transparent transparent; - border-width: $width $width 0 0; - } - } -}