Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
/* Best practices */ @layer base, components, utilities; :where(h1,h2,h3) { margin-top: 1.5rem; } /* zero specificity reset */ .card { border-radius: 8px; } /* single class component */ .card--featured { --card-border: #0d6efd; } /* modifier via variable */ @layer utilities { .sr-only { position: absolute !important; } }
Result
Open