Scott.Idem/OSIT-AE-App-Svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs+utils: Remove all legacy variant-* class references, update all docs and snippets to use only preset-* (Skeleton v4)

Browse Source
This commit is contained in:
Scott Idem
2026-03-16 18:59:21 -04:00
parent b543c8a930
commit 0cebd3868b
6 changed files with 8 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
documentation/PROJECT__AE_Style_Review.md
View File

@@ -107,28 +107,8 @@ Skeleton's `.input`, `.select`, `.textarea` classes do not include dark mode sty
<button class="btn preset-outlined-surface">Outlined</button>
```
### Legacy: `variant-*` (Skeleton v3 pattern) — migrate away ⚠️
```html
<button class="btn variant-soft-secondary">Legacy</button>
<button class="btn variant-filled-primary">Legacy</button>
<button class="btn variant-ghost-surface">Legacy</button>
```
### Migration Map
| Legacy `variant-*` | Modern `preset-*` |
|---|---|
| `variant-filled-primary` | `preset-filled-primary` |
| `variant-filled-secondary` | `preset-filled-secondary` |
| `variant-soft-primary` | `preset-tonal-primary` |
| `variant-soft-secondary` | `preset-tonal-secondary` |
| `variant-soft-surface` | `preset-tonal-surface` |
| `variant-soft-error` | `preset-tonal-error` |
| `variant-soft-warning` | `preset-tonal-warning` |
| `variant-soft-success` | `preset-tonal-success` |
| `variant-ghost-surface` | `preset-outlined-surface` |
| `variant-ghost-error` | `preset-outlined-error` |
| `variant-ghost-success` | `preset-outlined-success` |
| `variant-outlined-*` | `preset-outlined-*` |
> **Note:** All legacy `variant-*` classes have been fully removed from the codebase. Use only `preset-*` classes for all buttons and interactive elements.
### Custom `ae_btn_*` Classes (app.css)
These exist in `app.css` and wrap the `preset-*` system. They are valid but underused. Consider adopting where button groups need reuse.