2012-07-25 19 views
6

Bourbon'da bulunan karışımları kullanmakta sorun yaşıyorum. Bu karışım, Bourbon'un "kompakt" işlevini kullandığında, onu kullanmadan sadece css'ye derler."Kompakt" fonksiyonu ile Bourbon'da SASS adı verilmiyor

http://i.stack.imgur.com/YF1JB.png

Ben son Sass sürümü ile, bir statik olmayan sitede kullanmak: İşte bir kutu-gölge rendred CSS bir görüntü var. Derlemek için Codekit kullanıyorum.

Yardımlarınız için teşekkürler!

+0

Benzer http://stackoverflow.com/questions/41957672/compass-box-shadow-mixin-returns-invalid-property-value – Green

cevap

14

Dalıştan sonra biraz daha derine burayı nasıl düzelttim.

Bu sorun muhtemelen bu taahhüt belli oldu ediliyor: https://github.com/thoughtbot/bourbon/commit/ac07c990c0d0fe16f4c455490c9a9fdff7fe27af

kompakt fonksiyonu daha iyi Raylar ile entegre etmek Ruby yeniden yazılmıştır. Başlangıçta 'stil sayfası' klasörünü repo'dan kopyaladım. Ve yanlış sytax başladığımda.

Bu yönergeleri okuyarak hatayı düzelttim :) - Rayların nasıl takılacağına dair talimatlar ve daha sonra işe yaradı. Senin durumunda

, bir codekit uygulaması varsa idk ama aşağıdaki kodu ekleyerek çözebilirsiniz inanıyoruz:

@function compact($var-1,  $var-2: false, 
        $var-3: false, $var-4: false, 
        $var-5: false, $var-6: false, 
        $var-7: false, $var-8: false, 
        $var-9: false, $var-10: false) { 
    $full: $var-1; 
    $vars: $var-2, $var-3, $var-4, $var-5, 
     $var-6, $var-7, $var-8, $var-9, $var-10; 

    @each $var in $vars { 
    @if $var { 
     $full: $full, $var; 
    } 
    } 
    @return $full; 
} 

(ben repo kodu var) bir dosya adında _function.scss addons klasörün içinde ve _bourbon.scss içinde başvuru. Ve bu senin problemini çözmeli.

+0

Öğeleri çalıştırırken benzer bir sorunla karşılaştım: precompile. Çözümünüzü kullandım, ancak yukarıdaki listelere $ var-11 eklemem gerekiyordu. Apt çözümü için teşekkürler. – ghayes

+0

SASS sözdizimi kullanılıyorsa: https://gist.github.com/mahemoff/5251266 – mahemoff