This is a standalone css library--no required js, no dependencies, no footguns. I'm just tired of learning how to write easy css in complicated frameworks.
- Modular: A strong set of utility classes
- Small: Hard limit of 5K compressed for the full library
- Useful: Ship with a bootstrap-esque set of semantic html styles
- Configurable: Class naming, component styling, and feature sets should all be configurable
- Pretty: Styling a bare html page should make it look better, not worse (think zen garden)
- Conscientious: Accessibility should be a right, not a priveledge
It's not done yet so don't use it!
- Sass Variables
- Units: pixel, percentage, character, view height, view width, em, rem
- Color Themes
- Requires name, background, color, and border
- Optionally includes a map of pseudo-selectors with overrides
- Optionally includes a map of variants with name and overrides
- Utility Classes
- color: cX
- font: fX
- text: tX
- border: bX
- padding: p
- margin: mX
- width: wX
- height: hX
- display: dX
- flex: flX
- cursor: csrX
- object: objX
- overflow: ovrX
- Modules: tag based, uses utility classes, pure css
- Typography: standard text structure tags
- h1, h2, h3, h4, h5, h6, p, a
- Layout: full page layouts
- Vertical: flex column, full width, stretch children, children max width
- Forms
- Button: submit, reset, button
- Textarea
- Select
- Input
- Password
- Checkbox
- Radio
- Search
- Tel
- URL
- Number
- Range
- Datetime: month, week, time, date
- Color
- File
- Lists
- Ordered
- Unordered
- Menu
- Typography: standard text structure tags