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:

  1. 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.

  1. Jeżeli użyję klasy .side-nav i .fixed, żeby zaoszczędzić trochę czasu to muszę się bawić w normalizowanie moich elementów li, 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ć?