Guide / CSS — fogli di stile / Organizzazione: @import e @layer
Organizzazione: @import e @layer
Modularità e ordine delle cascade layers.
@import include altri fogli (meglio <link> per performance in molti casi). @layer raggruppa regole e forza un ordine di precedenza tra layer (es. reset, base, componenti, utilities).
Utile per evitare che utility di basso livello vengano sovrascritte accidentalmente.
Esempio
@layer reset, base, components;
@layer base {
body { line-height: 1.5; }
}