CSS

2013-06-13 14 views
28

için derleme SCSS değişkenlerinin üzerine yazmak için SASS ve COMPASS tabanlı jqtouch temalarını kullanmaya çalışıyorum. Ben en basit koduyla bir dosya custom.scss var, bir ithalat ve bir değişken üzerine yazmak:CSS

@import 'jqtouch'; 

// Override variables 
$base-color: #fe892a;/* The default base which is later used for toolbar, list, and button backgrounds.*/ 

Şimdi css SCSS dosyasını derlerken Esasen sadece dosya adıyla jqtouch css üretecektir. Renk belirtimi hiçbir yerde görülmemekle birlikte, değişken belgeli belge başına (Official Guide) ve maliyetlendirme için ithal ettiğim jqtouch.scss dosyasında doğrudur.

Windows makinede Sass 3.2.9 ve Compass 0.12.2 çalıştırıyorum.

Daha fazla değişken ve farklı dosya içe aktarma yöntemleriyle denedim, ancak sonuç her zaman, geçersiz kılma değerlerimin eklenmemesidir.

Pusula için ruby ​​config dosyası şüpheli görünüyor.

Geçersiz kılma değerlerimin göz ardı edilmemesi için işlemde nelerin yanlış gittiğine dair bir fikri olan var mı?

+0

:

$color: green; $color: red !default; // red is only used if $color is not already set .foo { background: $color; // color is green } 

Yani kod gibi yazılmalıdır: Sen vaktinden bunların üzerine amacıyla değişkenler varsayılan olarak ayarlanması gerekir jqtouch.scss) değişkenlerin değerleri, renk değerlerine sabit kodlanmış olarak ayarlandı. Böylece üzerine yazılmadılar. Sadece sabit kodlanmış değerleri açıkladıktan sonra kendi değerlerimi ayarlayabiliyordum. – bouscher

+0

Benzer bir sorum vardı ve kendi çözümümle geldi: [Sass'da komut satırı argümanı, derlenmiş CDN URL'leri için derleme] (http://stackoverflow.com/a/31406151/2563782) –

cevap

52

Zaten kullanıldıktan sonra rengini ayarlıyorsunuz. Temelde, ne yapmaya çalışıyoruz şudur:

$color: red; .foo { background: $color; } $color: green; 

jqtouch yazılır şekline bağlı olarak, hiç renkleri değiştirmek mümkün olmayabilir. (Bu ithalat dosyasında bakılırsa

// Override variables 
$base-color: #fe892a;/* The default base which is later used for toolbar, list, and button backgrounds.*/ 

@import 'jqtouch'; 
+0

Ne yazık ki Bu değil, elbette kurulumunuz nasıl başladığımı, ama aynı zamanda benim için de işe yaramıyor. – bouscher

+1

İçe aktarma dosyasında (jqtouch.scss) göründüğü gibi, değişkenlerin değerleri, renk değerlerine sabit kodlanmış olarak ayarlandı. Böylece üzerine yazılmadılar. Sadece sabit kodlanmış değerleri açıkladıktan sonra kendi değerlerimi ayarlayabiliyordum. – bouscher

+0

Aynı kaynağa mı bakıyoruz? Çünkü baktığım kişi varsayılanları kullanıyor: https://github.com/senchalabs/jQTouch/blob/master/themes/scss/include/_core.scss – cimmanon