git.roojs.org Git - roojs1/blob - scss/bootstrap/mixins/_border-radius.scss

   1 // stylelint-disable property-disallowed-list
   2 // Single side border-radius
   3
   4 // Helper function to replace negative values with 0
   5 @function valid-radius($radius) {
   6   $return: ();
   7   @each $value in $radius {
   8     @if type-of($value) == number {
   9       $return: append($return, max($value, 0));
  10     } @else {
  11       $return: append($return, $value);
  12     }
  13   }
  14   @return $return;
  15 }
  16
  17 @mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {
  18   @if $enable-rounded {
  19     border-radius: valid-radius($radius);
  20   }
  21   @else if $fallback-border-radius != false {
  22     border-radius: $fallback-border-radius;
  23   }
  24 }
  25
  26 @mixin border-top-radius($radius) {
  27   @if $enable-rounded {
  28     border-top-left-radius: valid-radius($radius);
  29     border-top-right-radius: valid-radius($radius);
  30   }
  31 }
  32
  33 @mixin border-right-radius($radius) {
  34   @if $enable-rounded {
  35     border-top-right-radius: valid-radius($radius);
  36     border-bottom-right-radius: valid-radius($radius);
  37   }
  38 }
  39
  40 @mixin border-bottom-radius($radius) {
  41   @if $enable-rounded {
  42     border-bottom-right-radius: valid-radius($radius);
  43     border-bottom-left-radius: valid-radius($radius);
  44   }
  45 }
  46
  47 @mixin border-left-radius($radius) {
  48   @if $enable-rounded {
  49     border-top-left-radius: valid-radius($radius);
  50     border-bottom-left-radius: valid-radius($radius);
  51   }
  52 }
  53
  54 @mixin border-top-left-radius($radius) {
  55   @if $enable-rounded {
  56     border-top-left-radius: valid-radius($radius);
  57   }
  58 }
  59
  60 @mixin border-top-right-radius($radius) {
  61   @if $enable-rounded {
  62     border-top-right-radius: valid-radius($radius);
  63   }
  64 }
  65
  66 @mixin border-bottom-right-radius($radius) {
  67   @if $enable-rounded {
  68     border-bottom-right-radius: valid-radius($radius);
  69   }
  70 }
  71
  72 @mixin border-bottom-left-radius($radius) {
  73   @if $enable-rounded {
  74     border-bottom-left-radius: valid-radius($radius);
  75   }
  76 }