सास

Question

मैं इसमें कुछ गणित है कि एक तत्व का प्रतिशत चौड़ाई की गणना करता है के साथ एक @mixin लिख रहा हूँ में सीएसएस संपत्तियों के लिए चर का उपयोग करना है, लेकिन क्योंकि यह बहुत उपयोगी है मैं की तरह भी अन्य संपत्तियों के लिए एक ही समारोह का उपयोग करना चाहते हैं मार्जिन और paddings।

वहाँ एक mixin लिए एक तर्क के रूप संपत्ति नाम पारित करने के लिए कोई तरीका है?

@mixin w_fluid($property_name, $w_element,$w_parent:16) { 
    $property_name: percentage(($w_element/$w_parent)); 
} 

Answer 1

आपको अपनी चर पर interpolation (जैसे। #{$var}) का उपयोग करने के सास एक सीएसएस संपत्ति के रूप में यह इलाज के लिए की जरूरत है। इसके बिना, आप बस चर काम प्रदर्शन कर रहे हैं।

@mixin w_fluid($property_name, $w_element, $w_parent:16) { 
    #{$property_name}: percentage(($w_element/$w_parent)); 
} 

Answer 2

@rcorbellini प्रतिक्रिया

आप स्ट्रिंग और चर एक साथ

@mixin margin($direction) { // element spacing 

    margin-#{$direction}: 10px; 

}