@digicreon/mucss 1.2.0 → 1.4.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 +7 -6
- package/dist/mu.amber.css +1 -1
- package/dist/mu.azure.css +1 -1
- package/dist/mu.blue.css +1 -1
- package/dist/mu.css +1 -1
- package/dist/mu.cyan.css +1 -1
- package/dist/mu.fuchsia.css +1 -1
- package/dist/mu.green.css +1 -1
- package/dist/mu.grey.css +1 -1
- package/dist/mu.indigo.css +1 -1
- package/dist/mu.jade.css +1 -1
- package/dist/mu.lime.css +1 -1
- package/dist/mu.orange.css +1 -1
- package/dist/mu.pink.css +1 -1
- package/dist/mu.pumpkin.css +1 -1
- package/dist/mu.purple.css +1 -1
- package/dist/mu.red.css +1 -1
- package/dist/mu.sand.css +1 -1
- package/dist/mu.slate.css +1 -1
- package/dist/mu.violet.css +1 -1
- package/dist/mu.yellow.css +1 -1
- package/dist/mu.zinc.css +1 -1
- package/documentation/mu.grid.md +7 -7
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -5,7 +5,7 @@ Full-featured themeable CSS framework built on [PicoCSS v2](https://picocss.com/
|
|
|
5
5
|
## Features
|
|
6
6
|
|
|
7
7
|
- **20 color themes** — One CSS file per theme, ready to use
|
|
8
|
-
- **12-column responsive grid** —
|
|
8
|
+
- **12-column responsive grid** — 6 breakpoints, offsets, ordering, display utilities
|
|
9
9
|
- **17 UI components** — Accordion, Alert, Badge, Breadcrumb, Button, Card, Forms, Hero, Modal, Nav, Pagination, Progress, Skeleton, Spinner, Table, Toast, Tabs
|
|
10
10
|
- **Utility classes** — Color (text, background, border), positioning (sticky, fixed)
|
|
11
11
|
- **Dark mode** — Automatic (prefers-color-scheme) or manual (`data-theme`)
|
|
@@ -90,15 +90,16 @@ Each file is self-contained (PicoCSS base + colors + grid + all components).
|
|
|
90
90
|
|
|
91
91
|
## Grid
|
|
92
92
|
|
|
93
|
-
Flexbox 12-column grid with
|
|
93
|
+
Flexbox 12-column grid with 6 breakpoints:
|
|
94
94
|
|
|
95
95
|
| Breakpoint | Prefix | Min-width |
|
|
96
96
|
|------------|--------|-----------|
|
|
97
97
|
| Default | `col-` | 0 |
|
|
98
|
-
| Small | `col-sm-` |
|
|
99
|
-
| Medium | `col-md-` |
|
|
100
|
-
| Large | `col-lg-` |
|
|
101
|
-
| Extra-large | `col-xl-` |
|
|
98
|
+
| Small | `col-sm-` | 576px |
|
|
99
|
+
| Medium | `col-md-` | 768px |
|
|
100
|
+
| Large | `col-lg-` | 1024px |
|
|
101
|
+
| Extra-large | `col-xl-` | 1280px |
|
|
102
|
+
| Extra-extra-large | `col-xxl-` | 1536px |
|
|
102
103
|
|
|
103
104
|
```html
|
|
104
105
|
<div class="row">
|