Nie, Google tylko proponuje używać kolorów z zdefiniowanej palety. Jeśli chodzi o kolory, to rzeczą większej wagi jest tutaj widoczność poszczególnych elementów z różnymi odcieniami. Było gdzieś nawet narzędzie, sprawdzające, czy podane odcienie pasują do siebie względem kontrastu.
Ba nawet Compass ma taką funkcję :).
http://compass-style.org/reference/compass/utilities/color/contrast/
Przydałby się jakiś przykład online. Fajnie, jakbyś udostępnił github pages :).
To co mi się nie podoba, to lekki bałagan SCSS. Sensowniej jest podzielić na paczki z Compnentami (mniej błądzenia ) , -> header.scss,main.scss,footer.scss itd.
Co do samego nazewnictwa.
Plik materialize.scss,
media (min-width:768px) {
.container {
width: 750px;
}
}
@media (min-width:992px) {
.container {
width: 970px;
}
}
@media (min-width:1200px) {
.container {
width: 1170px;
}
}
Według mnie, to nie powinny być osobne klasy określonej specyfikacji. np: container--width1200. A nie próba nadpisywania klas CSS.
Trochę małą faktycznie customizacja. Przydałaby się jakaś fabryczka np: buttons-factory, a inny plik SCSS by ją implementował. Fajnie również, do typography można było zrzucić jakiś link url do web-fonts.
Spokojnie więcej mixinów można wymyśleć :).
Nie zauważyłem żadnego pliku do resetowania CSS.
Jak dopiszesz dokumentacje jak tego używać, przetestuję w kolejnym projekcie :).