Less.js: रंग कार्यों में उलटा शामिल करें

को निर्मित 21 जन॰ 2012 · 6टिप्पणियाँ · स्रोत: less/less.js

वर्तमान में मैं उपयोग कर रहा हूँ
color: hsl(hue(@black), saturation(@black), 100 - lightness(@black));
रंग उलटने के लिए लेकिन
color: invert(@color)
नौकरी के लिए बेहतर वाक्यविन्यास होगा।

फ़ंक्शन के लिए कोड:

 उलटा: फ़ंक्शन (रंग) {
 वर आरजीबी = [255 - color.rgb [0],
 255 - color.rgb[1],
 255 - color.rgb[2]]; 
 वापसी नया (पेड़। रंग) (आरजीबी);
 },

मैंने इसे कम.जेएस 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 । @Oskariok द्वारा पोस्ट किया गया जावास्क्रिप्ट कोड सरल है कम (#fff - @color) या बराबर difference(#fff, @color) । हालांकि बाद में @ascottmccauley द्वारा सुझाया गया कम कोड समान नहीं है, यह केवल रंग हल्कापन बदल देता है (इसलिए पहली पोस्ट के कम और जावास्क्रिप्ट स्निपेट एक दूसरे से मेल नहीं खाते)। कम वर्बोज़ के साथ "उलटा हल्कापन" भी प्राप्त किया जा सकता है: spin((#fff - @color), 180);