diff --git a/README.md b/README.md index 06c9e53..3c426b3 100644 --- a/README.md +++ b/README.md @@ -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 diff --git a/scss/mini-extra/_utility.scss b/scss/mini-extra/_utility.scss index 5a90582..523e5c2 100644 --- a/scss/mini-extra/_utility.scss +++ b/scss/mini-extra/_utility.scss @@ -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}{ & > *{