A minimal, responsive, style-agnostic CSS framework!
Go to file
2016-09-05 17:48:30 +03:00
docs Flavor builder file added, flavors properly built (only default so far) 2016-09-05 17:48:30 +03:00
flavors Flavor builder file added, flavors properly built (only default so far) 2016-09-05 17:48:30 +03:00
scss Flavor builder file added, flavors properly built (only default so far) 2016-09-05 17:48:30 +03:00
LICENSE Initial commit 2016-08-22 09:31:31 +03:00
README.md Flavor builder file added, flavors properly built (only default so far) 2016-09-05 17:48:30 +03:00

mini.css

A minimal, responsive pure CSS framework to get you started.

Components

  • base: normalize.css & basic typography GZIPPED SIZE: 1,195 bytes
  • button: button styles GZIPPED SIZE: 427 bytes
  • form: form styles GZIPPED SIZE: 517 bytes
  • grid: default 12-column grid GZIPPED SIZE: 447 bytes
  • nav: navigation bar GZIPPED SIZE: 527 bytes
  • table: table styles GZIPPED SIZE: 243 bytes
  • helper and utility classes: classes for quick floats, border styling, contextual text and more GZIPPED SIZE: 441 bytes

TODO:

  • Tabbed navigation (radio button based)
  • Dropdowns (checkbox based)
  • Modals (checkbox based)
  • Labels and badges
  • Pure css progress bars

HOMEWORK FOR AFTER THE HOLIDAYS:

  • Make a set of pages for the live version like base-modules, customization, extra-modules to showcase the modules and not clutter the main page
  • Link to said pages from main page (move the grid's stuff to the other page and also the minimal note with th two **)
  • Move variables to a main file, cleanup the mini-default.scss and flavored csses etc, make it more consistent
  • Update wiki with changes, write missing pages (documentation etc.)
  • Add the missing extra components, try to stay below 5KB
  • Add images and make two live pages to showcase vastly different flavors
  • Make NiteOwl flavor (dark flavor, like the thing that cquanu (my star in html template) has for github, colors look cool)
  • Make more flavors
  • Update wiki punchline footer and README!
  • Promote in reddit etc.
  • Write a blog post about it
  • Use it