LightWindCSS for users

Adding LightWindCSS to your project

To add LightWindCSS to your project, you have to copy-paste the code into a script tag or add the source tag like below:

<script src="https://gitcdn.link/cdn/LightWindCss/LightWindCSS/main/src/index.js">

To precise the source of the config file add an attribute to your script file and give the path to the .json file like below:

<script src="https://gitcdn.link/cdn/LightWindCss/LightWindCSS/main/src/index.js" lightwindsrc="https://gitcdn.link/cdn/LightWindCss/LightWindCSS/main/src/lightTheme.json">

How to use LightWindCSS

It's very simple! Now just create a node inside of the DOM and add a class which has the stucture given below:

1. You start by giving the selectors you want. You can do it by writing the name seperated by :
2. You have to give the propriety name or the absolute class name (a name which is the value)
3. If the precedent value was a propriety name give the value preceded by a >

Example

<div class="selector:propName>value selector:absolutePropName">Example element</div>

Example web page