Barbajoe CSS documentation
A stylesheet for semantic HTML, with focused guides and working examples.
Start here
- Getting started
- Installation, library responsibilities, and API quick reference.
- Foundations
- Typography, links, tables, colors, themes, and motion.
- Layout and navigation
- Application shells, headers, and navigation.
Components
- Buttons and actions
- Emphasis, destructive actions, and shared icon buttons.
- Forms and input actions
- Native controls, labels, inline fields, and clear actions.
- Chips
- Labels, selectable filters, removable selections, and target inspection.
- Disclosures
- Bordered and filled panels, working filters, and the state gallery.
- Dialogs
- Sizing, scrolling, validation, dismissal, and focus.
Guidance and examples
- Accessibility patterns
- Hidden text, accessible names, and live announcements.
- Working editor
- A complete item editor combining the library patterns.
Previous catalog section links
Existing bookmarks open the matching topic automatically when JavaScript is available. Otherwise, follow the matching link below.
- api-heading
- typography-heading
- link-target
- tables-heading
- color-heading
- theme-guidance
- motion-heading
- forms-heading
- catalog-form
- inline-forms-heading
- inline-item
- inline-clear
- inline-empty
- inline-owner
- inline-associated
- inline-associated-status
- inline-standalone
- inline-disabled
- inline-readonly
- buttons-heading
- chips-heading
- disclosures-heading
- bordered-disclosures-heading
- filled-disclosures-heading
- dialog-heading
- specimen-dialog
- specimen-dialog-title
- specimen-long-dialog
- specimen-long-dialog-title
- content-fit-short
- content-fit-short-title
- content-fit-long
- content-fit-long-title