diff options
author | pmikus <peter.mikus@protonmail.ch> | 2022-09-16 12:49:35 +0200 |
---|---|---|
committer | Peter Mikus <peter.mikus@protonmail.ch> | 2022-09-16 11:58:37 +0000 |
commit | f8bdd103ff86c171f6db6cef657c7ecbe97763a1 (patch) | |
tree | 5899abb1b8b447f4e12061a8d06a8996a4032ba8 /resources/tools/dash/app/pal/static/sass/bootstrap/mixins/_border-radius.scss | |
parent | 69fd124979890cac21bd0dbc7ef442563f175372 (diff) |
feat(uti): Compiled CSS
Signed-off-by: pmikus <peter.mikus@protonmail.ch>
Change-Id: Idce840acedcf6f3badbecd8c80f28d94d3abd1af
Diffstat (limited to 'resources/tools/dash/app/pal/static/sass/bootstrap/mixins/_border-radius.scss')
-rw-r--r-- | resources/tools/dash/app/pal/static/sass/bootstrap/mixins/_border-radius.scss | 78 |
1 files changed, 78 insertions, 0 deletions
diff --git a/resources/tools/dash/app/pal/static/sass/bootstrap/mixins/_border-radius.scss b/resources/tools/dash/app/pal/static/sass/bootstrap/mixins/_border-radius.scss new file mode 100644 index 0000000000..616decbce3 --- /dev/null +++ b/resources/tools/dash/app/pal/static/sass/bootstrap/mixins/_border-radius.scss @@ -0,0 +1,78 @@ +// stylelint-disable property-disallowed-list +// Single side border-radius + +// Helper function to replace negative values with 0 +@function valid-radius($radius) { + $return: (); + @each $value in $radius { + @if type-of($value) == number { + $return: append($return, max($value, 0)); + } @else { + $return: append($return, $value); + } + } + @return $return; +} + +// scss-docs-start border-radius-mixins +@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) { + @if $enable-rounded { + border-radius: valid-radius($radius); + } + @else if $fallback-border-radius != false { + border-radius: $fallback-border-radius; + } +} + +@mixin border-top-radius($radius: $border-radius) { + @if $enable-rounded { + border-top-left-radius: valid-radius($radius); + border-top-right-radius: valid-radius($radius); + } +} + +@mixin border-end-radius($radius: $border-radius) { + @if $enable-rounded { + border-top-right-radius: valid-radius($radius); + border-bottom-right-radius: valid-radius($radius); + } +} + +@mixin border-bottom-radius($radius: $border-radius) { + @if $enable-rounded { + border-bottom-right-radius: valid-radius($radius); + border-bottom-left-radius: valid-radius($radius); + } +} + +@mixin border-start-radius($radius: $border-radius) { + @if $enable-rounded { + border-top-left-radius: valid-radius($radius); + border-bottom-left-radius: valid-radius($radius); + } +} + +@mixin border-top-start-radius($radius: $border-radius) { + @if $enable-rounded { + border-top-left-radius: valid-radius($radius); + } +} + +@mixin border-top-end-radius($radius: $border-radius) { + @if $enable-rounded { + border-top-right-radius: valid-radius($radius); + } +} + +@mixin border-bottom-end-radius($radius: $border-radius) { + @if $enable-rounded { + border-bottom-right-radius: valid-radius($radius); + } +} + +@mixin border-bottom-start-radius($radius: $border-radius) { + @if $enable-rounded { + border-bottom-left-radius: valid-radius($radius); + } +} +// scss-docs-end border-radius-mixins |