Less.js: 색상 기능으로 반전 포함

에 만든 2012년 01월 21일 · 6코멘트 · 출처: less/less.js

현재 내가 사용하고 있는
color: hsl(hue(@black), saturation(@black), 100 - lightness(@black));
색상을 반전하지만
color: invert(@color)
작업에 훨씬 더 나은 구문이 될 것입니다.

기능 코드:

 반전: 함수(색상) {
 var rgb = [255 - color.rgb[0],
 255 - color.rgb[1],
 255 - color.rgb[2]]; 
 반환 new(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 에 2012년 06월 16일

👍2

모든 6 댓글

업데이트된 원본 게시물

Oskariok 에 2012년 02월 02일

이것에 대해 +1:
명확히하기 위해 사용하고 있다는 것을 의미합니까?

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

ascottmccauley 에 2012년 06월 16일

👍2

+1도 됩니다.

srsgores 에 2013년 05월 02일

이것은 이제 부정으로 달성할 수 있습니다

http://lesscss.org/functions/#color - 혼합 부정

lukeapage 에 2014년 02월 20일

실제로는 negation 아닙니다. @Oskariok 이 게시한 자바스크립트 코드는 단순 Less (#fff - @color) 또는 difference(#fff, @color) 입니다. 그러나 나중에 @ascottmccauley 가 제안한 Less 코드는 동일하지 않고 색상 밝기만 반전됩니다(그래서 첫 번째 게시물의 Less와 javascript 스니펫이 서로 일치하지 않습니다). "가벼움 반전"도 덜 장황하게 달성할 수 있습니다: spin((#fff - @color), 180);

seven-phases-max 에 2014년 02월 20일

👍1

좋아 어느 쪽이든..

lukeapage 에 2014년 02월 20일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

Less.js: 색상 기능으로 반전 포함

가장 유용한 댓글

모든 6 댓글

관련 문제