Suit Up! CSS Framework

The most awesome CSS framework will have ever seen. It's legen-wait for it-dary!

Components

• Grid
• Base Styles ("UI Kit")
  • Navigation
    • Headers
    • Menus/links
  • Forms
    • select, input, textarea
    • fieldset, label
    • Validation messages/styles
    • Input groups
  • Buttons
    • button, a.button
  • Tables
    • stripped, no borders
  • Badges
  • Labels
  • Alerts
  • Tabs

CSS Selectors

• Forms

  • Text inputs: input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=file], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week]

    • Extra: select, textarea

  • Buttons: input[type=image], input[type=reset], input[type=submit], button, a.button

  • Options: input[type=checkbox], input[type=radio], input[type=range]

Interesting Links

TODO: Put here interesting articles about creating own CSS framework

• Writing Efficient CSS Selectors (pt-BR)
• CSS Guidelines
• UI Patterns
  • Blank Slate

Must read subjects: SMACSS, OOCSS, BEM

TBD

• Vai usar JS?
  • jQuery ou Vanilla?