Skip to main content

CSS @layer Builder

v1.0.0

Design a @layer strategy — reset, base, components, utilities — with cascade preview.

CSS @layer Declaration
/* Layer declaration — order determines cascade priority (last wins) */
@layer reset, base, tokens, components, utilities, overrides;

@layer reset {
  /* reset styles */
}

@layer base {
  /* base styles */
}

@layer tokens {
  /* tokens styles */
}

@layer components {
  /* components styles */
}

@layer utilities {
  /* utilities styles */
}

@layer overrides {
  /* overrides styles */
}

/* Unlayered styles have highest specificity — beats all @layer styles */