Почему свет ($ color, 50%) разбирается на белый?

Question

Этот фрагмент кода:

$red: #f00

$lightred: lighten($red, 50%)

body
  background: $lightred

Анализируется на:

body {
  background: white; }

Если вместо 50% вы сделаете 45%, это будет работать так, как ожидалось:

$lightred2: lighten($red, 45%)
...
background-color: #ffe5e5

Почему это превращается в белый цвет вместо ожидаемых 50% красного?

Вы можете увидеть это в действии здесь http://tinkerbin.com/OefelPoi

(Примечание: в функции сохранения, похоже, есть ошибка, в области css снова выберите Sass Old Syntax и снова запустите)

Обновление -

В итоге я хотел смешать белый с оригинальным цветом, чтобы получить оттенок:

mix($color,white, 10%)

Answer 1

Поскольку функция lighten описана для цветов HSL, а ваш красный цвет # f90 переводится как hsl (0, 100%, 50%)

, поэтому lighten ($ lightred, 50%) равно hsl (0, 0, 100%) или белый