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 | } |