Components
Analyze CSS frameworks to find out about components.
Pico
Class-light with very good doc (dropdowns are non standard) With SASS structure
- themes (colors)
- layout (container, document, grid, landmark, overflow, section)
- content (button, code, embedded, figure, link, miscs, table, typography)
- forms (basics, checkbox-radio-switch, input color-date-file-range-search)
- components (accordion, card, dropdown, group, loading, modal, nav, progress, tooltip)
- utilities (accessibility, reduce motion)
GD
Class-light with very good doc
Holiday
Class-light with very good doc + display: flex + dropdown with small arrow
MVP
Classless with good doc + dropdown
- layout (article, aside, body, header, main, footer, hr, section)
- header (article, div, main, header, section)
- nav + dropdown (nav ul li)
- typography (code, samb, details, summary, h1-h6, mark, ol ul li, p, pre, small, sup)
- link (a, button)
- image (figure, figcaption, img)
- form (button, input, form, label, select, textarea)
- popup (dialog)
- table (table, td, th, tr, thead)
- quote (blockquote, footer)
Simple
Class-light with good doc + display: grid
Classless
Some classes with good doc + dropdown
- theme settings (variables)
- reset (very basic)
- base style (html, link, list, header, table, figure, caption, code, misc)
- extras (auto numbering, subfigure, listing, heading, tooltip 6 citation, navbar, detail/card, big first letter, ornament, aside, form + input)
- Bootstrap compatible classes (grid, align, color, margin, padding)