2013-01-02 16 views
7

nie mogę Sass do wyjścia słowa kluczowego !important ze wstawek, próbowałem:Jak używać ważnego słowa kluczowego w mixin?

@include font-size($font-size-sml) !important; 

oraz:

@include font-size($font-size-sml !important); 

To zawsze zgłasza błąd.

EDIT

skończyło się tym, który działa dobrze:

@mixin font-size($font-size, $sledge-hammer: "") { 
    font-size: $font-size #{$sledge-hammer}; 
    font-size: ($font-size/$base-font-size)+rem #{$sledge-hammer}; 
    line-height: ceil($font-size/$base-line-height) * ($base-line-height/$font-size); 
} 
+0

Co to jest błąd dostać? – Jeroen

+0

Musimy zobaczyć mixin, do którego dzwonisz, problem leży w tym miejscu. – cimmanon

+0

Oto mixin: '@mixin rozmiar czcionki ($ rozmiar czcionki) { rozmiar czcionki: $ rozmiar czcionki; rozmiar czcionki: ($ rozmiar czcionki/$ rozmiar czcionki bazowej) * 1rem; wysokość linii: ceil ($ rozmiar czcionki/wysokość linii bazowej) * (wysokość linii bazowej/$ rozmiar czcionki); } ' –

Odpowiedz

8

Nie można dodać !important do całego wstawek w SASS (Jest to możliwe w mniej myślę) jak ty” próbuję zrobić w pierwszym przykładzie.

Drugi przykład działa dla mnie (możesz przekazać! Ważne z parametrem), mam na myśli, jeśli użyjesz $font-size-sml bezpośrednio jako wartość właściwości to działa, więc może sprawdź swoją składnię.

Ale jeśli to naprawdę nie działa, możesz zrobić coś z flagą, ustawić znaczącą_felkę jako parametr mixin, a następnie użyć instrukcji if-else w mixin. Coś takiego:

@mixin large-text($prop, $is_imp: false) { 
    @if $is_imp == false { 
     font-size: $prop; 
    } @else { 
     font-size: $prop !important; 
    } 
} 

Może to nie jest czarujący sposób to zrobić, ale to działa ;-)

+0

Nie mogę wykonać drugiego przykładu. Właśnie zacząłem pisać Sassa, więc jestem nowy w składni. Wolałbym nie używać mixina, aby "# ważne" nadpisywać, bo wydawało mi się, że byłoby całkiem łatwo dodać go podczas wywoływania mixina? –

+0

W kodzie użyjesz '$ font-size', aby wykonać prostą matematykę, np.' $ Font-size/$ base-font-size'. Możesz więc przekazać jako parametr '$ font-size-sml! Important', ponieważ będzie wyglądać jak' $ font-size-sml! Important/$ base-font-size' który jest nieprawidłowy –

+0

Nie mam z tym szczęścia. boję się. –

Powiązane problemy