node package manager
Stop writing boring code. Discover, share, and reuse within your team. Create a free org ยป

beam-css-react

BEAM CSS: an accessible BEM-style SASS framework

All the first letters in "block", "element", "modifier", and "accessibility" are somewhere in the word "beam".

Goals:

  • Encourage accessibly-written HTML elements by selecting on element types, aria roles, etc. (idea credit: E-Bay tech blog, skin css)
  • Accessible styles
    • good contrast
    • font sizes at least 15px
    • predictable behavior
    • keyboard navigatable
    • expressive and consistent
  • Expressive CSS classes
  • Well-organized CSS