Less.js: Включить функции инвертирования в цвет

Созданный на 21 янв. 2012 · 6Комментарии · Источник: less/less.js

В настоящее время я использую
color: hsl(hue(@black), saturation(@black), 100 - lightness(@black));
инвертировать цвета, но
color: invert(@color)
было бы намного лучше синтаксиса для работы.

Код для функции:

 invert: function (color) {
 var rgb = [255 - color.rgb [0],
 255 - color.rgb [1],
 255 - color.rgb [2]]; 
 вернуть новый (tree.Color) (rgb);
 },

Я тестировал его с помощью less.js 1.2.1, поэтому он работает

feature request medium priority up-for-grabs

Источник

Oskariok

👍3

Самый полезный комментарий

+1 за это:
Чтобы уточнить, вы имеете в виду, что используете

hsl(hue(@color), saturation(@color), 100 - lightness(@color));

ascottmccauley 16 июн. 2012

👍2

Все 6 Комментарий

Обновлен исходный пост

Oskariok 2 февр. 2012

+1 за это:
Чтобы уточнить, вы имеете в виду, что используете

hsl(hue(@color), saturation(@color), 100 - lightness(@color));

ascottmccauley 16 июн. 2012

👍2

+1 тоже.

srsgores 2 мая 2013

теперь это может быть достигнуто с помощью отрицания

http://lesscss.org/functions/#color -blending-negation

lukeapage 20 февр. 2014

Не совсем negation . Код javascript, опубликованный @Oskariok , прост: Less (#fff - @color) или равен difference(#fff, @color) . Однако код Less, предложенный позже @ascottmccauley, не совпадает, он только инвертирует яркость цвета (поэтому фрагменты Less и javascript из первого сообщения не соответствуют друг другу). «Инвертировать легкость» можно также с меньшим количеством подробностей: spin((#fff - @color), 180);