CSS implementation

[Studio384]

This is an overview issue for the implementation of the various utilities and components from the Figma Mellow UI-document in Mellow CSS.

Atoms

• Utilities #13 Colors
  • Revamped colors and CSS variables #37 Color v2
  • Colors 3.0 #43 Color v3 Colors v3 #45
    • Colors v3 - Dynamic themes #46 Color v3 Dynamic themes
• Typography #10 Typography
  • Improve responsive fonts #42 RFS v2 RFS v2 #47
• Utilities #13 Elevation
  • Write Utilities API #31 Utilities API Utility Programming Interface #32
  • Utilities 2 #33 Utilities, part 2
• Improved default Code styling #39 Code

Components

• Grid and Container #9 Grid & Container
• Buttons #14 Buttons
• Cards #17 Cards
• List #18 List
• Forms #20 Input
  • Text input & textarea
  • Select input
  • Checkbox
  • Radio
  • File
• Pagination #23 Pagination
  • Pagination - Part 2 #24 Pagination design refresh (pagination was a quick implementation for Sippy.cloud and as a result isn't styled properly)
• Offcanvas #25 Offcanvas
• Pivot and navigation #27 Navs and navbars
• Progress #28 Progress
• Alert #29 Alerts
  • Alerts v2 (Toasts) #30 Toast, use Alert as basis?
• Labels #35 Label
• Tables #38 Tables
• Breadcrumbs #40 Breadcrumb
• Dropdown #41 Dropdown
• Modal #44 Modal