Sass and SCSS

A CSS preprocessor adding variables, nesting, mixins, functions and partials. SCSS is its CSS-like syntax.

Easy

$brand: #f5b301;
@mixin card { padding: 1rem; border-radius: 12px; }
.event { @include card; border-color: $brand; }

Many features now exist natively in CSS (variables, nesting).

Spotted a mistake or want to add detail? Suggest an improvement — Content Contributors' edits are reviewed by editors before they go live.

Discussion (0)