37 lines
1.4 KiB
HTML
37 lines
1.4 KiB
HTML
|
<style>
|
||
|
|
.test {
|
||
|
|
color: #ff0000;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<div class="test">Style tags are supported</div>
|
||
|
|
<style type="text/css">.cssComponentGreen_58d2872e{color:#00ff00;}</style>
|
||
|
|
<div class="cssComponentGreen_58d2872e">CSS components are supported</div>
|
||
|
|
<div class="cssComponentGreen_58d2872e classA &&&classB classC d e" type="button">Both CSS components and constants are supported</div>
|
||
|
|
<div class="cssComponentGreen_58d2872e classA &&&classB classC d e" type="button">Both CSS components and constants are supported</div>
|
||
|
|
<div class="a c">Maps can be used to determine if a class should be added or not.</div>
|
||
|
|
<style type="text/css">.e_739d4573{font-size:14pt;}</style>
|
||
|
|
<div class="a c e_739d4573">KV can be used to conditionally set classes.</div>
|
||
|
|
<div class="bg-violet-500 hover:bg-red-600 hover:bg-sky-700 text-[#50d71e] w-[calc(100%-4rem)">Pseudo attributes and complex class names are supported.</div>
|
||
|
|
<div class="a" onClick="alert('hello')"">
|
||
|
|
Class names are HTML escaped.
|
||
|
|
</div>
|
||
|
|
<style type="text/css">
|
||
|
|
.loading_a3cc3f08{width:50%;}
|
||
|
|
</style>
|
||
|
|
<div class="loading_a3cc3f08">
|
||
|
|
CSS components can be used with arguments.
|
||
|
|
</div>
|
||
|
|
<style type="text/css">
|
||
|
|
.loading_9ccc4ca9{width:100%;}
|
||
|
|
</style>
|
||
|
|
<div class="loading_9ccc4ca9">
|
||
|
|
CSS components can be used with arguments.
|
||
|
|
</div>
|
||
|
|
<style type="text/css">
|
||
|
|
.windVaneRotation_b68b990e{transform:rotate(45deg);}
|
||
|
|
</style>
|
||
|
|
<div class="windVaneRotation_b68b990e">
|
||
|
|
Rotate
|
||
|
|
</div>
|
||
|
|
|