beenull/mini.css
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Documentation being built

Browse source
This commit is contained in:
Angelos Chalaris 2016-09-14 14:18:46 +03:00
parent c2901b67fb
commit 758a1a91e2
2 changed files with 5 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
README.md
View file

@ -2,26 +2,7 @@
A minimal Sass-y responsive mobile-first style-agnostic CSS framework.
## Core 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
- **utility**: 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
- **tab**: tabbed navigation `GZIPPED SIZE`: 347 bytes
- **modal**: modal dialog prompts `GZIPPED SIZE`: 298 bytes
- **dropdown**: dropdown menu for the navigation bar `GZIPPED SIZE`: 158 bytes
- **collapse**: collapse and accordion components `GZIPPED SIZE`: 286 bytes
- **progress**: progress bar styles `GZIPPED SIZE`: 193 bytes
- **carousel**: slideshow component `GZIPPED SIZE`: 383 bytes
- **utility**: classes for panels, button groups, popovers and more 'GZIPPED SIZE': 915 bytes
TODO:
- Later down the line
@ -30,7 +11,6 @@ TODO:
- Documentation and packaging
- Live pages, showcase the modules, customization and flavors
- Update menu's and stuff
- Update wiki accordingly, fix incomplete pages with proper documentation
- Add pictures in README.md and showcase flavors (also in wiki)
- Package for NPM and Bowser
- Flavors

7
scss/mini-extra/_utility.scss
View file

@ -68,7 +68,8 @@
- [2] : This mixin uses `make-generic-container` to partially generate its
CSS.
*/
@mixin make-alert($alert-name, $alert-color, $alert-bg-color, $alert-border, $alert-border-radius, $alert-padding, $close-name){
@mixin make-alert( $alert-name, $alert-color, $alert-bg-color, $alert-border,
$alert-border-radius, $alert-padding, $close-name ){
@include make-generic-container($alert-name+' + div', $alert-color, $alert-bg-color, $alert-border, $alert-border-radius, $alert-padding);
input[type="checkbox"].#{$alert-name}{
display: none;
@ -115,7 +116,9 @@
- [1] : This mixin uses `make-generic-container` to partially generate its
CSS.
*/
@mixin make-panel($panel-name, $panel-color, $panel-bg-color, $panel-border, $panel-border-radius, $panel-padding, $panel-header-name, $panel-header-color, $panel-header-bg-color, $panel-header-padding){
@mixin make-panel( $panel-name, $panel-color, $panel-bg-color, $panel-border,
$panel-border-radius, $panel-padding, $panel-header-name,
$panel-header-color, $panel-header-bg-color, $panel-header-padding ){
@include make-generic-container($panel-name, $panel-color, $panel-bg-color, $panel-border, $panel-border-radius, 0);
.#{$panel-name}{
& > *{