Dynamic CSS
Dynamic CSS allows you to use semantic utility classes directly in HTML, automatically transforming them into valid CSS at both server-side (SSR) and runtime (client-side).
| What I write | What I get |
|---|---|
class="width-200px" | .width-200px { width: 200px; } |
class="height-50px" | .height-50px { height: 50px; } |
class="borderRadius-16px" | .borderRadius-16px { border-radius: 16px; } |
class="border-1px__solid__blue" | .border-1px__solid__blue { border: 1px solid blue; } |
class="padding-8px__4px" | .padding-8px__4px { padding: 8px 4px; } |
class="fontSize-16px" | .fontSize-16px { font-size: 16px; } |
class="fontWeight-600" | .fontWeight-600 { font-weight: 600; } |
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.