Simple styling

The following is the most basic example where we just style a button.

Using placeholders

You can use placeholders to generate dynamic styling.

Conditional styling

You can conditionally apply styles by either returning false or the class name in the classes function.

RTL

You can use any kind of selector in cobination with the generated class. Here we use that for styling things differently for RTL languages.

Theming

You can use placeholders to generate dynamic styling.

Animation

You can use CSS variables to control CSS animations.

Multiple versions

You can have as many versions of stylewars in the page as you like.