diff options
Diffstat (limited to 'src/_functions.scss')
| -rw-r--r-- | src/_functions.scss | 10 |
1 files changed, 7 insertions, 3 deletions
diff --git a/src/_functions.scss b/src/_functions.scss index 82e8435..148a28c 100644 --- a/src/_functions.scss +++ b/src/_functions.scss | |||
| @@ -105,8 +105,12 @@ | |||
| 105 | @return $result; | 105 | @return $result; |
| 106 | } | 106 | } |
| 107 | 107 | ||
| 108 | @function gray-to-alpha($color) { | 108 | @function gray-to-alpha($lightness, $color) { |
| 109 | @return rgba(#fff, color.whiteness($color)); | 109 | @if $lightness >= 50% { |
| 110 | @return rgba(#000, color.blackness($color)); | ||
| 111 | } @else { | ||
| 112 | @return rgba(#fff, color.whiteness($color)); | ||
| 113 | } | ||
| 110 | } | 114 | } |
| 111 | 115 | ||
| 112 | @function color-palette($base, $dir: 1) { | 116 | @function color-palette($base, $dir: 1) { |
| @@ -141,7 +145,7 @@ | |||
| 141 | 145 | ||
| 142 | @each $key, $color in $colors { | 146 | @each $key, $color in $colors { |
| 143 | @if $alpha { | 147 | @if $alpha { |
| 144 | $colors: map.set($colors, $key, gray-to-alpha($color)); | 148 | $colors: map.set($colors, $key, gray-to-alpha($lightness, $color)); |
| 145 | } @else { | 149 | } @else { |
| 146 | $colors: map.set($colors, $key, $color); | 150 | $colors: map.set($colors, $key, $color); |
| 147 | } | 151 | } |
