2016-09-18 12 views
5

Ruby değişken değerine dayanan SCSS değişkenini nasıl ayarlayabilirim? şuRuby on Rails - SLIM - SCSS - ruby ​​değişkenini enjekte

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

    .primaryColor { 
     color: $color; 
    } 

çıkış gibi: Yani

.primaryColor{color:primaryColor} 

Ben SCSS aynı şeyi yaparsanız

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

:

kod SCSS için CSS için çalışan değil, ardından SCSS'e değişken enjekte etme hakkında herhangi bir fikir?

+0

Bu sadece bir öbek, ancak enterpolasyonu çift tırnak içine almayı denediniz mi? Örneğin. '$ color =" # {primaryColor} "' – pdoherty926

+0

Evet. Aynı sonuç. – Gapipro

+0

Evet, bu Slim'de işe yaramıyor gibi görünüyor, bu bir bummer. En azından geri yüklenecek olan css: 'varyantına sahipsiniz. – pdoherty926

cevap

-1

.scss dosyanıza bir .slim uzantısı ekleyin ve değişken açılımlarınız çalışmalıdır (örn. ".scss.slim"). Ayrıntılar için numaralı telefona bakın.

+0

Bunun sorumu ile ilgisi yok. – Gapipro

0

Standart ERB enterpolasyonunu scss yönergeleri içinde kullanabilirsiniz, ince bir yol olup olmadığından emin olun.

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