LightwindCSS test

Lightwind page to test all the dynamic and static features


Classes at HTML generation

has .color>red


Appending and deleting class from head script

add .color>blue

remove .color>blue


Appending and deleting class from head module script

add .color>green

remove .color>green


Appending and deleting class from body script

add .color>pink

remove .color>pink


Appending and deleting class from body module script

add .color>cyan

remove .color>cyan


Selectors

hvr:color>red


Pseudo classes

(before:content>'before_element_even_with_spaces')


Media queries

Be careful about the queries order

.color>black .md:color>green .sm:color>red


Only value class

text-3xl


Usage of a default value

pt>7


Multi key properties

py>20px


Hover pseudo class

(hover:before:color>red)


Append element


Set innerHTML