Modules to Create

[BrianSipple]

*Note: This is still an ongoing list. I'll try to check boxes when a module becomes published.

NPM lists everything published so far.

• base-settings
  • animation-variables
  • box-shadow-variables
  • breakpoint-variables
  • core-variables
  • core-color-variables
  • feedback-color-variables
  • grayscale-color-variables
  • spacing-variables
  • typography-variables

• utilities
  • spacing
  • overflow
  • sizing
  • z-index
  • text
  • display
  • flex
  • positioning
  • common
    • Miscellaneous, one-off concerns.
      • something that defines cursor: pointer;.
  • v-align

• object-patterns
  • grid
    • Flexbox for version 1, but I definitely want to begin exploring implementations based on the CSS Grid Module as it becomes standardized and more supported.
  • responsive grid
    • Same as grid, but with more helpers that correspond to breakpoints
  • tap-targets
  • boxes
    • standard blocks with uniform inset padding
    • "squished" blocks with reduced vertical padding
    • "stretched" blocks with extra vertical padding

• normalize

• garnishes
  • borders
  • colors (?)
  • common
    • Miscellaneous, one-off concerns.
      • something that defines border: 0;.
  • typography
  • border-radius (?)
  • box-shadow
  • resets