(S)CSS Uzduž i popreko

Da ne miješamo s JS-om…

@ubergosu ovo je tvoj dio koda?

Koja je svrha/prednost korištenja ovog dijela:

$m: article;
.#{$m} {. . .}

Ima ih nekoliko, ukratko:

Ako mjenjaš ime modula (za neki drugi projekt ako ti treba) promjeniš samo ima varijable i sve radi.

Kod dužih imena blok klasa uvjek imaš #{$m} što je kraće i preglednije a i brzo se navikneš pa možeš imat snippete/mixine za recimo ovo (ovaj dio sa " & "):

bez da razmišljaš koji je blok ili element u igri, kasnije kod kompliciranijh situacija je puno preglednije:

Ovo u kombinaciji sa @at-root -om radi čuda, pogotovo ako sav css vezan za nešto držiš na jednom mjestu (unutar tog elementa) a ne na 4-5 mjesta ili još gore u 4-5 fajlova.

Neka modularnost i organizacija je uvjek dobrodošla, recimo povrh ovoga nazoveš sam file recimo:
modules/_article.scss tako da kad ćeš kasnije nešto ekstraktat imaš doslovce 1min posla, sve je u 1 fajlu, ili u 1 elementu ako ti treba samo segment :slight_smile:

vjerojatno sam zaboravio još stvari… -.-