@cirthcss/cirth 0.4.0 → 0.6.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 +46 -46
- package/dist/cirth.classless.css +123 -87
- package/dist/cirth.classless.min.css +1 -1
- package/dist/cirth.classless.scoped.css +124 -88
- package/dist/cirth.classless.scoped.min.css +1 -1
- package/dist/cirth.css +144 -94
- package/dist/cirth.min.css +1 -1
- package/dist/cirth.scoped.css +158 -108
- package/dist/cirth.scoped.min.css +1 -1
- package/dist/presets/cobalt.css +2 -0
- package/dist/presets/cobalt.min.css +1 -1
- package/dist/presets/coral.css +3 -1
- package/dist/presets/coral.min.css +1 -1
- package/package.json +24 -9
package/README.md
CHANGED
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
Include one stylesheet and write ordinary semantic HTML.
|
|
53
53
|
|
|
54
54
|
```html
|
|
55
|
-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@cirthcss/cirth@0.
|
|
55
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@cirthcss/cirth@0.6.0/dist/cirth.min.css">
|
|
56
56
|
```
|
|
57
57
|
|
|
58
58
|
```html
|
|
@@ -106,7 +106,7 @@ The main generated stylesheets are:
|
|
|
106
106
|
|
|
107
107
|
All four builds share Cirth's one official theme (amber), with light and
|
|
108
108
|
dark variants. `cobalt` and `coral` are optional presets, not separate theme
|
|
109
|
-
builds — see [Presets](#presets) below and [Colors](docs/colors.
|
|
109
|
+
builds — see [Presets](#presets) below and [Colors](docs/src/pages/colors.mdx).
|
|
110
110
|
|
|
111
111
|
### Classless
|
|
112
112
|
|
|
@@ -159,7 +159,7 @@ OS — no `@import`, no webfont, zero network requests.
|
|
|
159
159
|
import "@cirthcss/cirth/presets/cobalt";
|
|
160
160
|
```
|
|
161
161
|
|
|
162
|
-
See [Colors](docs/colors.
|
|
162
|
+
See [Colors](docs/src/pages/colors.mdx) for what each preset changes.
|
|
163
163
|
|
|
164
164
|
## Customization
|
|
165
165
|
|
|
@@ -187,7 +187,7 @@ For scoped builds, put the overrides on the scoped root:
|
|
|
187
187
|
```
|
|
188
188
|
|
|
189
189
|
The generated CSS in `dist/cirth.css` is the most reliable reference for the
|
|
190
|
-
current custom property surface. The [Customization](docs/customization.
|
|
190
|
+
current custom property surface. The [Customization](docs/src/pages/customization.mdx)
|
|
191
191
|
page covers the token layers, color groups, and light/dark switching in
|
|
192
192
|
detail.
|
|
193
193
|
|
|
@@ -195,7 +195,7 @@ detail.
|
|
|
195
195
|
|
|
196
196
|
The full documentation is published at
|
|
197
197
|
[cirthcss.github.io/cirth](https://cirthcss.github.io/cirth/), built from
|
|
198
|
-
[`docs/`](docs/) as
|
|
198
|
+
[`docs/`](docs/) as an [Astro](https://astro.build) site with live
|
|
199
199
|
examples. The site itself is styled with Cirth's own default build — the
|
|
200
200
|
header, sidebar, prose, and every demo are ordinary semantic HTML dogfooding
|
|
201
201
|
the framework.
|
|
@@ -208,62 +208,62 @@ npm run docs:dev
|
|
|
208
208
|
```
|
|
209
209
|
|
|
210
210
|
- **Getting started** —
|
|
211
|
-
[Get Started](docs/get-started.
|
|
212
|
-
[Customization](docs/customization.
|
|
213
|
-
[Colors](docs/colors.
|
|
214
|
-
[About Cirth](docs/about.
|
|
211
|
+
[Get Started](docs/src/pages/get-started.mdx) ·
|
|
212
|
+
[Customization](docs/src/pages/customization.mdx) ·
|
|
213
|
+
[Colors](docs/src/pages/colors.mdx) ·
|
|
214
|
+
[About Cirth](docs/src/pages/about.mdx)
|
|
215
215
|
- **Layout** —
|
|
216
|
-
[Document](docs/layout/document.
|
|
217
|
-
[Landmarks](docs/layout/landmarks.
|
|
218
|
-
[Section](docs/layout/section.
|
|
219
|
-
[Container](docs/layout/container.
|
|
220
|
-
[Grid](docs/layout/grid.
|
|
221
|
-
[Overflow auto](docs/layout/overflow-auto.
|
|
216
|
+
[Document](docs/src/pages/layout/document.mdx) ·
|
|
217
|
+
[Landmarks](docs/src/pages/layout/landmarks.mdx) ·
|
|
218
|
+
[Section](docs/src/pages/layout/section.mdx) ·
|
|
219
|
+
[Container](docs/src/pages/layout/container.mdx) ·
|
|
220
|
+
[Grid](docs/src/pages/layout/grid.mdx) ·
|
|
221
|
+
[Overflow auto](docs/src/pages/layout/overflow-auto.mdx)
|
|
222
222
|
- **Content** —
|
|
223
|
-
[Typography](docs/content/typography.
|
|
224
|
-
[Link](docs/content/link.
|
|
225
|
-
[Button](docs/content/button.
|
|
226
|
-
[Table](docs/content/table.
|
|
227
|
-
[Code](docs/content/code.
|
|
228
|
-
[Figure](docs/content/figure.
|
|
229
|
-
[Embedded content](docs/content/embedded.
|
|
230
|
-
[Misc](docs/content/misc.
|
|
223
|
+
[Typography](docs/src/pages/content/typography.mdx) ·
|
|
224
|
+
[Link](docs/src/pages/content/link.mdx) ·
|
|
225
|
+
[Button](docs/src/pages/content/button.mdx) ·
|
|
226
|
+
[Table](docs/src/pages/content/table.mdx) ·
|
|
227
|
+
[Code](docs/src/pages/content/code.mdx) ·
|
|
228
|
+
[Figure](docs/src/pages/content/figure.mdx) ·
|
|
229
|
+
[Embedded content](docs/src/pages/content/embedded.mdx) ·
|
|
230
|
+
[Misc](docs/src/pages/content/misc.mdx)
|
|
231
231
|
- **Forms** —
|
|
232
|
-
[Overview](docs/forms/index.
|
|
233
|
-
[Checkbox, radio, switch](docs/forms/checkbox-radio-switch.
|
|
234
|
-
[Input color](docs/forms/input-color.
|
|
235
|
-
[Input date](docs/forms/input-date.
|
|
236
|
-
[Input file](docs/forms/input-file.
|
|
237
|
-
[Input range](docs/forms/input-range.
|
|
238
|
-
[Input search](docs/forms/input-search.
|
|
232
|
+
[Overview](docs/src/pages/forms/index.mdx) ·
|
|
233
|
+
[Checkbox, radio, switch](docs/src/pages/forms/checkbox-radio-switch.mdx) ·
|
|
234
|
+
[Input color](docs/src/pages/forms/input-color.mdx) ·
|
|
235
|
+
[Input date](docs/src/pages/forms/input-date.mdx) ·
|
|
236
|
+
[Input file](docs/src/pages/forms/input-file.mdx) ·
|
|
237
|
+
[Input range](docs/src/pages/forms/input-range.mdx) ·
|
|
238
|
+
[Input search](docs/src/pages/forms/input-search.mdx)
|
|
239
239
|
- **Components** —
|
|
240
|
-
[Accordion](docs/components/accordion.
|
|
241
|
-
[Card](docs/components/card.
|
|
242
|
-
[Dropdown](docs/components/dropdown.
|
|
243
|
-
[Group](docs/components/group.
|
|
244
|
-
[Loading](docs/components/loading.
|
|
245
|
-
[Modal](docs/components/modal.
|
|
246
|
-
[Nav](docs/components/nav.
|
|
247
|
-
[Progress](docs/components/progress.
|
|
248
|
-
[Tooltip](docs/components/tooltip.
|
|
240
|
+
[Accordion](docs/src/pages/components/accordion.mdx) ·
|
|
241
|
+
[Card](docs/src/pages/components/card.mdx) ·
|
|
242
|
+
[Dropdown](docs/src/pages/components/dropdown.mdx) ·
|
|
243
|
+
[Group](docs/src/pages/components/group.mdx) ·
|
|
244
|
+
[Loading](docs/src/pages/components/loading.mdx) ·
|
|
245
|
+
[Modal](docs/src/pages/components/modal.mdx) ·
|
|
246
|
+
[Nav](docs/src/pages/components/nav.mdx) ·
|
|
247
|
+
[Progress](docs/src/pages/components/progress.mdx) ·
|
|
248
|
+
[Tooltip](docs/src/pages/components/tooltip.mdx)
|
|
249
249
|
- **Utilities** —
|
|
250
|
-
[Accessibility](docs/utilities/accessibility.
|
|
251
|
-
[Reduce motion](docs/utilities/reduce-motion.
|
|
250
|
+
[Accessibility](docs/src/pages/utilities/accessibility.mdx) ·
|
|
251
|
+
[Reduce motion](docs/src/pages/utilities/reduce-motion.mdx)
|
|
252
252
|
- **Project** —
|
|
253
|
-
[Examples](docs/examples.
|
|
254
|
-
[Contributions](docs/contributions.
|
|
255
|
-
[Brand](docs/brand.
|
|
253
|
+
[Examples](docs/src/pages/examples.mdx) ·
|
|
254
|
+
[Contributions](docs/src/pages/contributions.mdx) ·
|
|
255
|
+
[Brand](docs/src/pages/brand.mdx) ·
|
|
256
256
|
[Changelog](CHANGELOG.md)
|
|
257
257
|
|
|
258
258
|
## Contributing
|
|
259
259
|
|
|
260
|
-
Start with [Contributions](docs/contributions.
|
|
260
|
+
Start with [Contributions](docs/src/pages/contributions.mdx). It explains the local
|
|
261
261
|
setup, the source layout, the package exports, and the project constraints
|
|
262
262
|
that matter most when changing Cirth.
|
|
263
263
|
|
|
264
264
|
For pull requests, issue triage, and the exact collaboration workflow, read
|
|
265
265
|
[`.github/CONTRIBUTING.md`](.github/CONTRIBUTING.md). If your change touches
|
|
266
|
-
the visual identity, check [Brand](docs/brand.
|
|
266
|
+
the visual identity, check [Brand](docs/src/pages/brand.mdx) first; if it changes the
|
|
267
267
|
public package surface, update [CHANGELOG.md](CHANGELOG.md) in the same
|
|
268
268
|
branch.
|
|
269
269
|
|