Libsass: नई सीएसएस फिल्टर अंतर्निहित सैस कार्यों के साथ संघर्ष करता है

को निर्मित 16 अग॰ 2013 · 26टिप्पणियाँ · स्रोत: sass/libsass

निम्नलिखित कोड:

foo {
  -webkit-filter: grayscale(100%);
}

निम्नलिखित परिणाम के साथ sass 3.2.10:

foo {
  -webkit-filter: grayscale(100%); }

लेकिन लिबास मास्टर के साथ निम्नलिखित (4dd61de67aa0284cd8da1e8f13e2f6b63b990041 वर्तमान में):

/private/tmp/test/grayscale.scss:2: error: argument `$color` of `grayscale($color)` must be a color
Backtrace:
    /private/tmp/test/grayscale.scss:2, in function `grayscale`
    /private/tmp/test/grayscale.scss:2

यह अंतर्निहित ग्रेस्केल फ़ंक्शन के साथ एक संघर्ष प्रतीत होता है।

Bug - Confirmed Dev - Test Written

स्रोत

sorccu

सबसे उपयोगी टिप्पणी

एक अन्य वैकल्पिक हल: के बजाय filter: invert() का उपयोग filter: #{"invert()"} । आप जो चाहें उद्धरणों के भीतर रख सकते हैं और यह आउटपुट शब्दशः होगा।

tamlyn 4 सित॰ 2014

👍18 ❤1

सभी 26 टिप्पणियाँ

हां, मैंने भी यही मारा है।

benfrain 4 सित॰ 2013

यह भी के रूप में मार रहा है।

terracatta 26 सित॰ 2013

: +1:

calderas 26 सित॰ 2013

इस पर कोई खबर?

dimoreira 2 दिस॰ 2013

मैं वर्तमान में @extend पर काम कर रहा हूं, लेकिन मैं छुट्टियों से पहले इसे प्राप्त करने की कोशिश करूंगा!

akhleung 4 दिस॰ 2013

इस मुद्दे पर भी रहा।

lmartins 9 जन॰ 2014

: +1:

यह पुष्टि करते हुए कि darken() और saturate() भी प्रभावित होते हैं। क्या आसपास कोई काम है?

restlessdesign 16 जन॰ 2014

एक वर्कअराउंड मिला, आप इस फ़ंक्शन का उपयोग इस बीच कर सकते हैं। यह एक ड्रॉप-इन समाधान होना चाहिए:

<strong i="6">@function</strong> grayscale($value) {
  <strong i="7">@return</strong> #{ "grayscale(" + $value + ")" };
}

आप इसे पसंद कर सकते हैं, यदि आप चाहें, तो आप इसे उपसर्ग कर सकते हैं:

<strong i="11">@mixin</strong> filter($properties) {
  // Your vendor prefixing stuff here, I am using Bourbon:
  <strong i="12">@include</strong> prefixer(filter, $properties, webkit moz spec);
}

फिर, आप बस लिख सकते हैं:

<strong i="16">@include</strong> filter(grayscale(100%));

kennethormandy 28 जन॰ 2014

❤1

इसे संदर्भ के लिए यहां डाल रहे हैं:
https://developer.mozilla.org/en-US/docs/Web/CSS/filter

akhleung 30 जन॰ 2014

@kennethormandy क्या आपको SASS फ़ंक्शंस के लिए एक काम मिला है जो दो मापदंडों को लेता है?

<strong i="7">@function</strong> darken($color, $amount) {
  <strong i="8">@return</strong> #{ "darken(" + $color + "," + $amount ")" };
}

.selector {
    border: 1px solid darken(#f0f1f4, 3);
}

आउटपुट:

border: 1px solid darken(#f0f1f4,3"");

... लेकिन वास्तव में यह darken आउटपुट भी नहीं होना चाहिए - यह पूरी तरह से एक नया रंग मूल्य होना चाहिए।

restlessdesign 13 फ़र॰ 2014

~~वाह, मुझे नहीं पता था darken() काम नहीं किया।~~ @restlessdesign , यदि आप अपने कस्टम फ़ंक्शन से छुटकारा पा darken() पहले से ही काम करता है। तो बस लिखें:

.selector {
    border: 1px solid darken(#f0f1f4, 3);
}

और आपको मिलेगा

.selector {
  border:1px solid #e7e9ee;
}

मुझे लगता है कि आप सीएसएस फंक्शन के साथ सास के कार्यों को समझ सकते हैं। मैंने जो उदाहरण दिया वह केवल काम करेगा क्योंकि यह एक सीएसएस फ़िल्टर है । यदि आप Sass के डार्कनेस या सैचुरेट का उपयोग करना चाह रहे हैं, तो पहले ही काम करना चाहिए, जो Sass डॉक्स के अनुसार greyscale() फ़ंक्शन के आधार पर सही ट्रैक पर हैं। CSS darken() फ़िल्टर है, इसलिए आप वास्तव में अभी ओवरस् लाइकस 'बिल्ट-इन डार्कन फ़ंक्शन कर रहे हैं।

kennethormandy 13 फ़र॰ 2014

मेरी गलती। मैं घोंसले तरीकों था, और कहा जाता है adjust_hue के बजाय adjust-hue है, जो में सोपानी darken() । क्रूर, लेकिन मुझे लगता है कि लिबास वास्तव में त्रुटियों की रिपोर्ट करेगा या चुपचाप अनदेखी कॉल के बजाय अमान्य आउटपुट देगा! झूठे अलार्म के लिए क्षमा करें।

restlessdesign 13 फ़र॰ 2014

+1
यद्यपि वर्कअराउंड ठीक काम करता है (धन्यवाद @kennethormandy) यह अच्छा होगा यदि इसे ठीक किया गया था।

mantismamita 21 अप्रैल 2014

क्या इस पर कोई खबर है? ऊपर दिए गए वर्कअराउंड के साथ कोड को बाधित नहीं करने के लिए वास्तव में अच्छा होगा, हालांकि यह काम करता है।

kleinfreund 22 जून 2014

एक समाधान के लिए खोज के रूप में अच्छी तरह से =)

arobbins 5 जुल॰ 2014

Richard-Walton 7 जुल॰ 2014

igregson 19 जुल॰ 2014

DougPuchalski 23 जुल॰ 2014

धन्यवाद @kennethormandy वर्कअराउंड के लिए

DougPuchalski 23 जुल॰ 2014

+1। वैसे: समाधान के लिए धन्यवाद @kennethormandy ।

kaptankorkut 25 जुल॰ 2014

बस इस बारे में एक मुद्दा (और बंद) खोला। यह साफ करना अच्छा होगा क्योंकि ओवरलैप के साथ सिंटैक्स जैसे अधिक से अधिक फ़ंक्शन का उपयोग शुरू करने के लिए सीएसएस की एक मौलिक पारी है।

हाँ @kennethormandy , वर्कअराउंड विचार के लिए धन्यवाद, लेकिन जब आप ऐसा करते हैं, तो आप वास्तविक grayscale() फ़ंक्शन को मारते हैं और जो बेकार है! मैं उम्मीद कर रहा हूं कि जल्द ही इस पर एक वास्तविक सुधार आ जाएगा।

blackfalcon 21 अग॰ 2014

tamlyn 4 सित॰ 2014

👍18 ❤1

ठीक है, मुझे देखने दो कि क्या हम इसे 3.0 में प्राप्त कर सकते हैं।

hcatlin 3 अक्तू॰ 2014

शुक्रिया @tamlyn! मैं स्काउट.एप का उपयोग कर रहा हूं, जो स्पष्ट रूप से अभी भी सैस के पुराने संस्करण पर है, इसलिए आपका वर्कअराउंड वास्तव में काम करने वाला एक तेज, सरल समाधान है।

cdCorey 3 नव॰ 2014

@ फ़िल्टर फ़िल्टर ($ फ़िल्टर, $ मूल्य) {
@ ग्रेट # {$ फ़िल्टर} # {"(" + $ मूल्य + ")"}
}

उपसर्गों $:
"-Webkit-",
"-Moz-",
"-एमएस-",
"-O-",
शून्य;

@mixin उपसर्गकर्ता ($ संपत्ति, $ मूल्य) {
@ $ उपसर्गों में $ उपसर्ग {
{{$ उपसर्ग} # {$ संपत्ति}: $ मूल्य;
}
}

MagicJoseph 3 दिस॰ 2014

@restlessdesign हाय दोस्तों, मुझे यह बहुत देर से पता है लेकिन, मुझे बस यही मुद्दा था और मेरा काम फ़िल्टर फंक्शन को कोट करना था और फिर उस पर unquote () का उपयोग करना था।

इसलिए मैंने लिखा:
* { filter: unquote("filter-function(values)") }

और आउटपुट काम करता है।

RafaG91 22 मार्च 2019

👍4

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Libsass: नई सीएसएस फिल्टर अंतर्निहित सैस कार्यों के साथ संघर्ष करता है

सबसे उपयोगी टिप्पणी

सभी 26 टिप्पणियाँ

संबंधित मुद्दों