Custom Syntax
Styles
Customizing abstract styles for your design system.
🚧This page is still under construction and some content may not be complete.
Overview [sr-only]
export default { styles: { card: { '': 'bg:white r:8', header: 'object:cover w:full', content: 'p:15' } }}Apply your custom styles:
<div class="card"> <img class="card-header" src="…" /> <div class="card-content"></div></div>Basic usage
🚧
Customization
🚧