1
0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-08-30 17:19:46 +02:00

Extra component: labels

This commit is contained in:
Angelos Chalaris
2016-09-05 19:30:04 +03:00
parent bcbd2b2d11
commit 84d5f92ed5
9 changed files with 220 additions and 65 deletions

View File

@@ -1,7 +1,7 @@
# mini.css
A minimal, responsive pure CSS framework to get you started.
## Components
## Core Components
- **base**: normalize.css & basic typography `GZIPPED SIZE`: 1,195 bytes
- **button**: button styles `GZIPPED SIZE`: 427 bytes
@@ -11,26 +11,35 @@ A minimal, responsive pure CSS framework to get you started.
- **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
## Extra Components
- **label**: label and badge styles `GZIPPED SIZE`: 208 bytes
TODO:
- Tabbed navigation (radio button based)
- Dropdowns (checkbox based)
- Modals (checkbox based)
- Labels and badges
- Pure css progress bars
- Maybe breadcrumbs
- Maybe button groups (with radios maybe? - use first and last to style borders)
- Alerts with checkbox?
- Add more utilities for Media objects
- Possibly panels
- Responsive embed?
- Are tooltips even doable? (they are on-click as popovers for sure with checkboxes)
- Buttons with states (implemented using a checkbox)
- Checbox collapses
- Is a Pure CSS Carousel even possible?
HOMEWORK FOR AFTER THE HOLIDAYS:
ON A MORE SERIOUS NOTE:
- 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
- Link to said pages from main page (move the grid's stuff to the other page and also the minimal note with the two **)
- 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 a Bootstrap flavor to ease the transition from that framework
- Make more flavors
- Update wiki punchline footer and README!
- Promote in reddit etc.
- Write a blog post about it
- Use it