Parts inventory
The back of the booklet: every part MCSS-Lite ships, with its status. Anything not listed here doesn't exist, and mcss-lite validate rejects it.
- Stable Changes only in a major version.
- Beta Shipped and validated; the API may change in a minor version.
- Deprecated Still works; move to the replacement.
Layouts 8 parts
| Part | Status | Since | Notes |
|---|---|---|---|
l-center | Stable | 0.1.0 | Centers a block horizontally at reading width without side gutters. |
l-cluster | Stable | 0.1.0 | Horizontal group that wraps, with a gap and vertically centered items: button groups, badge lists, tags. |
l-container | Stable | 0.1.0 | Centers page content horizontally with a max width and side gutters. |
l-grid | Stable | 0.1.0 | Two-dimensional grid with a fixed gap. |
l-section | Stable | 0.1.0 | Vertical padding for a full-width page section. |
l-sidebar | Stable | 0.1.0 | A sidebar next to main content that stacks when the content would get narrower than 50%. |
l-stack | Stable | 0.1.0 | Vertical flow: adds space between consecutive children, which keep their own width. |
l-switcher | Stable | 0.1.0 | Children sit side by side until the container is narrower than a threshold, then all stack at once. |
Components 11 parts + 1 deprecated
| Part | Status | Since | Notes |
|---|---|---|---|
c-alert | Beta | 0.4.0 | A printed notice on the page: tells people about something that affects what they are doing, with its severity in an icon, a word and a heavier bottom edge. |
c-badge | Stable | 0.1.0 | A short, non-interactive label for status or category, such as "Beta" or "Paid". |
c-button | Stable | 0.1.0 | Triggers an action. |
c-card | Stable | 0.1.0 | A raised surface that groups related content, such as a summary, a settings group or a list item. |
c-checkbox | Beta | 0.4.0 | A native checkbox with its label: pick any number of options, or confirm one statement. |
c-form-field | Stable | 0.1.0 | Wraps one form control with its label, help text and error message. |
c-icon | Beta | 0.4.0 | A line icon from the MCSS-Lite sprite, drawn with a 2px stroke in the current text color. |
c-input | Stable | 0.1.0 | Single-line text entry. |
c-label | Deprecated | 0.1.0 | Use c-form-field__label |
c-modal | Stable | 0.1.0 | A dialog over the page that blocks interaction until dismissed. |
c-radio | Beta | 0.4.0 | A native radio button with its label: pick exactly one option from a short, visible list. |
c-toggle | Beta | 0.4.0 | An on/off switch built on a native checkbox with role="switch": the setting applies as soon as it changes. |
Utilities 15 classes
| Part | Status | Since | Notes |
|---|---|---|---|
u-* | Stable | 0.1.0 | Single-purpose overrides with !important. |
Tokens 113 to use
51 semantic and 62 component tokens, built on 137 primitives you don't use directly. Every token with its light and dark value is in llms-tokens.txt; each part sheet lists the tokens it reads.