रेल पर रूबी - एसएलआईएम - एससीएसएस - रूबी चर इंजेक्ट

Question

मैं रूबी वैरिएबल वैल्यू के आधार पर एससीएसएस वैरिएबल कैसे सेट करूं?

- primaryColor = app.theme_variables['primary-color']; 
= content_for(:after_head_script) do 
    css: 
    .primaryColor { 
    color: #{primaryColor}; 
    } 

मैं एससीएसएस साथ एक ही बात करते हैं:

- primaryColor = app.theme_variables['primary-color']; 
= content_for(:after_head_script) do 
    scss: 
    $color = #{primaryColor} 

    .primaryColor { 
     color: $color; 
    } 

उत्पादन किया जाता है इस प्रकार है:

.primaryColor{color:primaryColor} 

तो

कोड सीएसएस के लिए काम लेकिन एससीएसएस के लिए नहीं है के बाद SCSS में चर इंजेक्षन करने के बारे में कोई विचार?

Answer 1

अपनी .scss फ़ाइल में एक .slim एक्सटेंशन जोड़ें और आपके परिवर्तनीय विस्तार को काम करना चाहिए (यानी, ".scss.slim")।

विवरण के लिए Asset Pipeline Preprocessing देखें।

Answer 2

आप स्कैस निर्देशों के अंदर मानक ईआरबी इंटरपोलेशन का उपयोग कर सकते हैं, यह सुनिश्चित न करें कि स्लिम-एर तरीका है या नहीं।

scss: 
    $color = <%= primaryColor %>;