12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 |
- @mixin radius($r,$d:null ,$important: false) {
- $radius-value: map-get($uni-radius, $r) if($important, !important, null);
- // Key exists within the $uni-radius variable
- @if (map-has-key($uni-radius, $r) and $d) {
- @if $d == t {
- border-top-left-radius: $radius-value;
- border-top-right-radius: $radius-value;
- } @else if $d == r {
- border-top-right-radius: $radius-value;
- border-bottom-right-radius: $radius-value;
- } @else if $d == b {
- border-bottom-left-radius: $radius-value;
- border-bottom-right-radius: $radius-value;
- } @else if $d == l {
- border-top-left-radius: $radius-value;
- border-bottom-left-radius: $radius-value;
- } @else if $d == tl {
- border-top-left-radius: $radius-value;
- } @else if $d == tr {
- border-top-right-radius: $radius-value;
- } @else if $d == br {
- border-bottom-right-radius: $radius-value;
- } @else if $d == bl {
- border-bottom-left-radius: $radius-value;
- }
- } @else {
- border-radius: $radius-value;
- }
- }
- @each $key, $child in $uni-radius {
- @if ($key) {
- .uni-radius-#{"" + $key} {
- @include radius($key)
- }
- } @else {
- .uni-radius {
- @include radius($key)
- }
- }
- }
- @each $direction in t, r, b, l, tl, tr, br, bl {
- @each $key, $child in $uni-radius {
- @if ($key) {
- .uni-radius-#{"" + $direction}-#{"" + $key} {
- @include radius($key, $direction, false)
- }
- } @else {
- .uni-radius-#{$direction} {
- @include radius($key, $direction, false)
- }
- }
- }
- }
|