node package manager
Easy collaboration. Discover, share, and reuse code in 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