Skip to content

Files

Latest commit

f79f563 · Apr 13, 2023

History

History
40 lines (31 loc) · 859 Bytes

README.md

File metadata and controls

40 lines (31 loc) · 859 Bytes

LightWindCSS

LightWindCSS, is a css class based library for dynamic class generator

Config file

The config file is devided into 5 sections:

{
    "values": {
      "<name>": { "<key>": "<value>", ".." }
    },
    "screens": {
      "<name>": { "min" : "<value|null>", "max" : "<value|null>" }
    },
    "selectors": {
      "<name>": { "selector": "<css_selector>" }
    },
    "proprieties": {
      "valueOnly": {
        "<name>": { "css": "<css_content>" },
      },
      "valueKey": {
        "<name>": { "propriety": ["<prop_name>"], "valuesDefault": "<name_of_value_shortcut|null>" }
      }
    }
}

Example

Here is an example of a class structure:

[dark] : [selector,..] : [name] > <value>

  • [] : is optional
  • <> : is nececarry

For more example go here