कम्पास फ़िल्टर मिश्रण का उपयोग कैसे करें?

Question

मैं फिल्टर एससीएसएस में इस तरह Mixin उपयोग करने के लिए कोशिश कर रहा हूँ:

a { 
    @include filter(grayscale(100%)); 
} 

लेकिन जब मैं संकलन, मैं इस त्रुटि मिली: मैं के साथ इस रत्न के नवीनतम संस्करण का उपयोग कर रहा

Undefined mixin 'filter'. 

रेल ढांचे। सास फ़ाइल के शीर्ष पर @import "compass/css3/filter":

http://compass-style.org/reference/compass/css3/filter/

Answer 1

Compass documentation इस फ़ाइल का उपयोग कर आयात किया जा सकता के अनुसार

।

और फिर सास में फ़ाइल के रूप में

filter($filter-1, $filter-2, $filter-3, $filter-4, $filter-5, $filter-6, $filter-7, $filter-8, $filter-9, $filter-10) 

Answer 2

एस.ए.एस.एस. उदाहरण के लिए इसका इस्तेमाल कर सकते हैं

@import 'compass/css3/filter' 

.filtered 
    @include filter(grayscale(50%)) 
    @include filter(blur(2px)) 

Answer 3

आप पहले कम्पास फिल्टर आयात करने के लिए की जरूरत है।

एकाधिक फिल्टर का उपयोग करने के सभी के अंदर फिल्टर() अल्पविराम

@import 'compass/css3/filter' 

// multiple calls like this: 
.filtered { 
    @include filter(blur(4px) brightness(1.3) saturate(1.5)); 
}