Future

Preset style

use a function to preset style group, the style group will transmit into useStyle. when using elements in this group, useStyle will invoking this preset style to create css list.

import { useStyle,setPreStyle } from "lazycss-base"
let presetStyle = setPreStyle({
    //When useStyle calls presetStyle, it passes in a value parameter, which can be used to return the CSS style sheet
    preDemo: (value: any) => { return { width: value } }
    //The returned stylesheet needs to be a K:V collection and be named with a hump, which useStyle automatically converts to a bar
})

let style = useStyle({
    demo: {
        preDemo: "example",
    }
}, presetStyle)

Automatic suffix

There will be an automated suffix function that works with setUnit to easily add units.

Compiler

Move the compile of the CSS up to compile time and separate the CSS.

Letter match

Use a CSS style sheet that uses a special style definition to define a matching character

import { useStyle } from "lazycss-base"

let style = useStyle({
    'col-?': (variable: string) => {
        //match col-1,col-2...,col-test,col-abab-bbca
        return {
            width: variable
        }
    }
})