Shortcodes
Every RetroCSS component, available from Markdown without writing HTML.
The theme ships one shortcode per interactive component. None of them add CSS — each is a thin wrapper over markup the framework already styles.
Alerts
Heads up
Alerts take type (primary, success, warning, danger, info) and an
optional title.
A warning with no header.
Cards
System Properties
Cards take header, footer, image and imageAlt.
Badges and buttons
Shipped Beta Default
Tabs
npm install @phantompixeldev/retrocssLink the stylesheet from jsDelivr and you are done.
Accordion
Because Windows 95 was. One token rounds the whole framework if you disagree.
Everything except the components that are interactive by definition.
Modal and toast
Progress and rating
Disk C:: 75%
Disk D:: 42%
Tables
| Component | Class | Interactive |
|---|---|---|
| Card | .retro-card | no |
| Modal | .retro-modal | yes |
| Accordion | .retro-accordion | yes |
Avatars and tooltips
Hover or tab to this