Dostosowywanie Zurb Foundation 4 Elements - css, sass, zurb-foundation

Korzystanie z przycisków Fundacji 4 umożliwia dostosowanie projektu za pomocą miksów. To samo dotyczy większości elementów.

Istnieje jednak wiele ustawień, w których mixy nie są narażone na personalizację, np .: Kolor czcionki Efekt zawieszania Kolor ramki

Wszystkie są obliczane na podstawie koloru tła przycisku. Przycisk jest tylko przykładem, ale mam ten sam problem z wszystkimi innymi elementami.

Czy istnieje zalecany sposób dostosowywania częściktóre nie są wystawione przez mixin? Nie chcę iść do źródła i zmieniać rzeczywistej definicji mixin. Jeśli moja specyfikacja projektu różni się znacznie od wartości domyślnych Fundacji, czy lepiej nie używać Fundacji?

Odpowiedzi:

Niemal każde ustawienie można dostosować za pomocą zmiennych SASS. Najbardziej popularne są dostępne w _variables.scss, ale możesz zastąpić dowolne inne zmienne używane w rzeczywistych składowych plikach SCSS.

W przypadku wartości, które nie mają już zmiennych, możesz zastąpić style za pomocą CSS i uwzględnić przesłonięcia w opakowaniu typu mix.

@mixin my-button-style($bg:$primary-color, $radius:false, $disabled:false) {
@include button-style($bg, $radius, $disabled);

/* CSS overrides go here */
border-color: pink; /* etc */

}