2012-07-25 15 views
6

Mam problem z używaniem mixin zawartych w Bourbon. Kiedy ten mixin używa "kompaktowej" funkcji Bourbona, to po prostu skompiluj go do css bez użycia go. Oto zrzut ekranu z rendred CSS dla box-shadow:Funkcja "Compact" w Bourbon z SASS nie nazywa się

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

używam go na non-statycznym miejscu, z najnowszą wersją Sass. Używam Codekit do kompilacji.

Dzięki za pomoc!

+0

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

Odpowiedz

14

OK, więc po nurkowaniu nieco głębiej, oto jak to naprawiłem.

Problem ten jest prawdopodobnie spowodowany jest z tego powodu popełnić: https://github.com/thoughtbot/bourbon/commit/ac07c990c0d0fe16f4c455490c9a9fdff7fe27af

kompaktowy funkcja została przepisana w Ruby do lepszej integracji z Rails. Początkowo właśnie skopiowałem wklejono folder "stylesheet" z repozytorium. I to kiedy zacząłem fałszywy sytax.

Naprawiłem błąd, czytając instrukcje :) - instrukcję, jak zainstalować go w Railsach, a następnie zadziałało.

W twoim przypadku, idk jeśli mają one realizację codekit ale wierzę, że można go naprawić, dodając następujący kod:

@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; 
} 

(mam kod z repo)

w nazwie pliku _function.scss w folderze dodatków i odwołaj go w _bourbon.scss. I to powinno naprawić twój problem.

+0

Miałem podobny problem podczas uruchamiania zasobów: prekompilacja. Użyłem twojego rozwiązania, ale musiałem dodać $ var-11 do powyższych list. Dzięki za trafne rozwiązanie. – ghayes

+0

Jeśli używana jest składnia SASS: https://gist.github.com/mahemoff/5251266 – mahemoff

Powiązane problemy