← Back to at-rules

CSS At-rule

@apply

Variables

Applies a set of CSS custom property values as a mixin — a draft feature inspired by Tailwind-style utilities.

Syntax

@apply utility-class;

Example

@apply flex items-center gap-4;

Common use cases

  • Reusing utility patterns in component CSS
  • Tailwind-style mixins in vanilla CSS
  • Reducing repetitive property declarations

Practical developer insight

@apply was proposed and then abandoned by the CSS working group — it exists in Tailwind but not in native CSS. Don't use it outside of Tailwind contexts.

Related

@layer@property:where()