Checklist

  • Basic CSS parsing
  • Nested rules with pseudo selectors
  • Nested styled components
  • Extending Styles
  • Media queries (@media)
  • Keyframes (@keyframes)
  • Smart(lazy) client-side hydration
  • Styling any component
    • via const Btn = ({className}) => {...}; const TomatoBtn = styled(Btn)`color: tomato;`
  • Vanilla(via css function)
  • globalStyle(via glob) so one would be able to create global styles
  • target/extract from elements other than <head>
  • vendor prefixing
Edit this page