- publish the docs (beta)
- show warning if value is not on the scale
- define new scale unit
- bug: borderTop doesn't take responsive syntax
docs \........
theme \
website ..\
library \........
demos ....
Docs:
- *tokens - what are they, example, table, customising syntax
- customisting tokens
- responsive syntax
- utilities
- credits
- built-in themes
- readme
Docs website:
- wrap customisation docs in base theme
- homepage
Library:
- add warnings for pixel values
- add css variables for theme tokens
- convert px to rem in theme
- find ways of making library smaller
- components: add data-focus for :focus and pass down data-focus from elements like link which can have focus ³
- make controlled switch to avoid leaky abstraction
- bug: select caret color doesnt sync with theme
- global styles via theme
- allow variant key
defaultto refer to a different variant - allow variants to be defined inside the component with a variants prop
Demos:
- podcast app
- make email app
- make airbnb card
- make skyscanner card
- make twitter card
Later:
- Improve light theme
- add multiple scales of fontsizes to base theme as options (comments)
- write document about using other libraries (react router, reach-ui)
- docs: highlight lines
Notes:
¹ rust has great errors - https://github.com/sass/sass-spec/pull/1505/files ² look at less verbose errors by folding - https://mariusschulz.com/blog/advanced-javascript-logging-using-console-group ³ implementation: https://codesandbox.io/s/pseudo-class-sticker-sheet-5nwsu