@axiapps/axi-design 1.43.0 → 1.44.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -0
- package/dist/axi.css +505 -46
- package/dist/themes/flat.css +1 -0
- package/docs/RULES.md +151 -4
- package/package.json +1 -1
- package/src/data.css +204 -2
- package/src/layout.css +68 -0
- package/src/primitives.css +101 -8
- package/src/shells.css +70 -29
- package/src/utilities.css +62 -7
package/README.md
CHANGED
|
@@ -155,8 +155,14 @@ not "what does the system look like". Everything else is
|
|
|
155
155
|
| `--axi-modal-width` | the maximum width of an `.axi-modal`, before the viewport clamp | `560px` | `<dialog class="axi-modal" style="--axi-modal-width: 760px">` |
|
|
156
156
|
| `--axi-card-strip` | the colour of `.axi-card--strip`'s top strip | `var(--axi-accent)` | `<a class="axi-card axi-card--strip" style="--axi-card-strip: var(--axi-ok)">` |
|
|
157
157
|
| `--axi-grid-min` | minimum column width in `.axi-grid` | `300px` | `<div class="axi-grid" style="--axi-grid-min: 240px">` |
|
|
158
|
+
| `--axi-matrix-cell` | the floor on a matrix cell's height and width | `24px` | `<table class="axi-table axi-table--matrix" style="--axi-matrix-cell: 18px">` |
|
|
159
|
+
| `--axi-split-nav-w` | the width of an `.axi-split`'s picker column | `280px` | `<div class="axi-split" style="--axi-split-nav-w: 180px">` |
|
|
160
|
+
| `--axi-split-gap` | the parting between an `.axi-split`'s picker and its body | `10px` | `<div class="axi-split" style="--axi-split-gap: 16px">` |
|
|
161
|
+
| `--axi-split-nav-h` | the picker's height cap once an `.axi-split` has stacked under 640px | `200px` | `<div class="axi-split" style="--axi-split-nav-h: 140px">` |
|
|
158
162
|
| `--axi-row-gap` | gap between `.axi-row` children | `10px` | `<div class="axi-row" style="--axi-row-gap: 6px">` |
|
|
159
163
|
| `--axi-stack-gap` | gap between `.axi-stack` children | `12px` | `<div class="axi-stack" style="--axi-stack-gap: 20px">` |
|
|
164
|
+
| `--axi-eyebrow-gap` | the gap under an `.axi-eyebrow`; tighter by default inside a tile | `14px`, or `6px` inside `.axi-panel--tile` | `<p class="axi-eyebrow" style="--axi-eyebrow-gap: 0">` |
|
|
165
|
+
| `--axi-readout-pad` | the vertical padding of an `.axi-readout__row`; tighter by default inside a tile | `7px`, or `3px` inside `.axi-panel--tile` | `<dl class="axi-readout" style="--axi-readout-pad: 10px">` |
|
|
160
166
|
| `--axi-panel-pad` | `.axi-panel`'s own padding | `26px` | `<div class="axi-panel" style="--axi-panel-pad: 14px">` |
|
|
161
167
|
| `--axi-page-pad` | `.axi-page`'s horizontal gutter | `var(--axi-gutter)` | `<div class="axi-page axi-page--narrow" style="--axi-page-pad: 0">` |
|
|
162
168
|
| `--axi-palette-w` | the widest an `.axi-palette__panel` gets (it fills the room below that) | `560px` | `<div class="axi-palette__panel" style="--axi-palette-w: 720px">` |
|