Od jakiegoś czasu zacząłem grzebać w SCSS. W swoim projekcie używam materializecss.com, żeby nie wynajdywać koła od nowa. Sporo tam syfu i rzeczy mi niepotrzebych, dlatego zassałem to za pomocą npm scss i zaincludowałem rzeczy mi potrzebne. Zastanawia mnie klika rzeczy:
- Jak nadpisywać? Jeżeli chce nadpisać paletę kolorów, to muszę wyedytować plik
variables
, ale musi to być w odpowiedniej kolekności, bo parser sobie przeczyta plik variables, przypisze kolory do zmienych, z których korzystają buttony itd., a moje nowe kolory nie zostaną uwzględnione.
@import "node_modules..../colors"
$primary-color: color("blue", "lighten-2") !default;
Póki co skopiowałem zawartość pliku colors, wyedytowałem co mi potrzeba i korzystam z tej skopiowanej wersji, ale nie wydaje mi się to poprawne.
- Jeżeli użyję klasy
.side-nav
i.fixed
, żeby zaoszczędzić trochę czasu to muszę się bawić w normalizowanie moich elementówli
, bo nie potrzebuje ich stylowania. Wpadłem na pomysł, żeby użyć@extend
i ukryć te style pod moją nową nazwąsitebar
, ale okazuje się, że niestety w ten sposób dziedziczę wszystko łącznie z selektorami typu.site-nav li a
itp., i efekt jest ten sam (tylko teraz jest to.sitebar li a
)
Jak sobie z tym poradzić?