Skip to content

Commit 9dbf460

Browse files
committed
docs: document new split + rebuild site
1 parent 5da5432 commit 9dbf460

3 files changed

Lines changed: 16 additions & 1 deletion

File tree

README.md

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -56,3 +56,18 @@ e.g.: `flex~1` results in `flex: 1`
5656
- Media queries can be edited in `.styler` config file
5757
- Colors can be edited in `.styler` config file
5858
- Extracted CSS properties are checked against the [W3C CSS Properties](https://www.w3.org/Style/CSS/all-properties.en.html) table
59+
60+
## Advanced Property Values
61+
62+
Styler now supports complex CSS property values with multiple components:
63+
64+
- **Multiple Value Parts**: Create properties with multiple values like `box-shadow-1-2-4-red`
65+
which becomes `box-shadow: 0.25rem 0.5rem 1rem red`
66+
67+
- **Selective Strict Values**: Use `~` to mark specific parts as "strict" (no division or unit):
68+
- `border-1-solid-red``border: 0.25rem solid red` (number is divided by 4, unit added)
69+
- `border-~1-solid-red``border: 1 solid red` (strict number, no division or unit)
70+
- `border-1~solid-red``border: 0.25rem solid red` (only affects the part with ~)
71+
- `box-shadow~1-2-2-grey``box-shadow: 1 0.5rem 0.5rem grey` (strict property name)
72+
73+
This approach gives you fine-grained control over how numeric values are processed.

docs/static/main.wasm

2 KB
Binary file not shown.

docs/static/styles.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)