diff options
author | matyasrichter <maty.richter@gmail.com> | 2020-07-20 19:49:47 +0200 |
---|---|---|
committer | matyasrichter <maty.richter@gmail.com> | 2020-07-20 19:49:47 +0200 |
commit | 86b7e75233b32e251edcf0910e7ea7daea4b1159 (patch) | |
tree | f96e45cbb5d71be12bf51d19aba21cddd3a02cfa | |
parent | 36e8452b35d14ebdb32e308b219028ce2d8bfea0 (diff) | |
download | pyscss-86b7e75233b32e251edcf0910e7ea7daea4b1159.tar.gz |
Fixed an issue where in a gradient where the only non-percetage stop value would be zero, it would be marked as the max value and used in the denominator of a fraction.
-rw-r--r-- | scss/extension/compass/gradients.py | 2 | ||||
-rw-r--r-- | scss/tests/files/compass/gradients.css | 4 | ||||
-rw-r--r-- | scss/tests/files/compass/gradients.scss | 5 |
3 files changed, 10 insertions, 1 deletions
diff --git a/scss/extension/compass/gradients.py b/scss/extension/compass/gradients.py index 031fba2..15e1200 100644 --- a/scss/extension/compass/gradients.py +++ b/scss/extension/compass/gradients.py @@ -59,7 +59,7 @@ def __color_stops(percentages, *args): if prev_color: stops.append(None) stops = stops[:len(colors)] - if stops[0] is None: + if stops[0] is None or stops[0] == Number(0): stops[0] = Number(0, '%') if stops[-1] is None: stops[-1] = Number(100, '%') diff --git a/scss/tests/files/compass/gradients.css b/scss/tests/files/compass/gradients.css index f26dc7f..f0b75fd 100644 --- a/scss/tests/files/compass/gradients.css +++ b/scss/tests/files/compass/gradients.css @@ -82,3 +82,7 @@ .bg-linear-gradient-to { background: linear-gradient(to right, red, green); } + +.panel { + background-image: linear-gradient(to bottom, red, green); +}
\ No newline at end of file diff --git a/scss/tests/files/compass/gradients.scss b/scss/tests/files/compass/gradients.scss index 1eba785..05b2c70 100644 --- a/scss/tests/files/compass/gradients.scss +++ b/scss/tests/files/compass/gradients.scss @@ -93,3 +93,8 @@ .bg-linear-gradient-to { background: linear-gradient(to right, red 0%, green 100%); } + +// Issue #404 +.panel { + background-image: linear-gradient(to bottom, red 0, green 100%); +} |