diff --git a/docs/v2/DEVLOG.md b/docs/v2/DEVLOG.md index 6e391c1..c4364ac 100644 --- a/docs/v2/DEVLOG.md +++ b/docs/v2/DEVLOG.md @@ -283,3 +283,5 @@ - Added `make-floats` and `make-center-block` mixins along with `make-clearfix` mixin from *v1*. - Explained utilities in demo page. - Deployed demo page with utilities docs. +- Started developing `shell`. Added `shell` file and `mini-shell/card` file for the `card` module. +- Actually deleted `shell` file, moved everything to `core` file, renamed to `_mini.scss`. \ No newline at end of file diff --git a/docs/v2/index.html b/docs/v2/index.html index 322c9fa..2c860dd 100644 --- a/docs/v2/index.html +++ b/docs/v2/index.html @@ -2,7 +2,7 @@ - + mini.css - A minimal Sass-y responsive mobile-first style-agnostic CSS framework diff --git a/flavors/v2/mini-default.scss b/flavors/v2/mini-default.scss index 6b05401..250d7cb 100644 --- a/flavors/v2/mini-default.scss +++ b/flavors/v2/mini-default.scss @@ -301,7 +301,7 @@ $progress-style1-height: 2px; // Height for style 1 $progress-style1-margin: 0 auto 1px; // Margin for style 1 $progress-style1-border-style: 0; // Border style for style 1 $progress-style1-border-radius: 0; // Border radius for style 1 -// Variables for core utilities and helper classes. +// Variables for core utilities and helper classes $border-generic-name: 'bordered'; // Class name for generic border style $border-radial-style1-name: 'rounded'; // Class name for radial border style 1 $border-radial-style1-radius: 2px; // Border radius for radial border style 1 @@ -313,9 +313,13 @@ $float-prefix: 'float'; // Prefix for float classes $clearfix-name: 'clearfix'; // Class name for clearfix $center-block-name: 'center-block'; // Class name for center block $breadcrumbs-name: 'breadcrumbs'; // Class name for breadcrumbs -// Enable base -@import '../../scss/v2/core'; -// Use mixins for button elements. +// Variables for cards [1] + +// Notes: +// [1] - The cards module depends heavily on the grid system module. +// Enable mini.css +@import '../../scss/v2/mini'; +// Use mixins for button elements @include make-button-alt-color ($button-variant1-name, $button-variant1-back-color, $button-variant1-back-opacity, $button-variant1-hover-back-opacity, $button-variant1-fore-color); @include make-button-alt-color ($button-variant2-name, $button-variant2-back-color, @@ -326,23 +330,23 @@ $breadcrumbs-name: 'breadcrumbs'; // Class name for breadcrumbs $button-style1-border-radius, $button-style1-padding, $button-style1-margin); @include make-button-alt-style ($button-style2-name, $button-style2-border-style, $button-style2-border-radius, $button-style2-padding, $button-style2-margin); -// Custom button style demonstration (not enabled). +// Custom button style demonstration (not enabled) //@include make-button-alt-color ($button-custom-name, $button-custom-back-color, // $button-custom-back-opacity, $button-custom-hover-back-opacity); //@include make-button-alt-style ($button-custom-name, $button-custom-border-style, // $button-custom-border-radius, $button-custom-padding, $button-custom-margin); -// Use mixins for contextual background elements. +// Use mixins for contextual background elements @include make-mark-alt-color ($mark-variant1-name, $mark-variant1-back-color); @include make-mark-alt-color ($mark-variant2-name, $mark-variant2-back-color); @include make-mark-alt-style ($mark-style1-name, $mark-style1-border-radius, $mark-style1-padding); @include make-mark-alt-style ($mark-style2-name, $mark-style2-border-radius, $mark-style2-padding); -// Use mixins for progress elements. +// Use mixins for progress elements @include make-progress-inline ($progress-inline-name, $progress-inline-width); @include make-progress-alt-color ($progress-variant1-name, $progress-variant1-fore-color); @include make-progress-alt-color ($progress-variant2-name, $progress-variant2-fore-color); @include make-progress-alt-style ($progress-style1-name, $progress-style1-height, $progress-style1-margin, $progress-style1-border-style, $progress-style1-border-radius); -// Use mixins for core utilities and helper classes. +// Use mixins for core utilities and helper classes @include make-border-generic ($border-generic-name); @include make-border-radial-style ($border-radial-style1-name, $border-radial-style1-radius); @include make-border-radial-style ($border-radial-style2-name, $border-radial-style2-radius); diff --git a/scss/v2/_core.scss b/scss/v2/_mini.scss similarity index 96% rename from scss/v2/_core.scss rename to scss/v2/_mini.scss index 4857789..4bff61b 100644 --- a/scss/v2/_core.scss +++ b/scss/v2/_mini.scss @@ -352,7 +352,7 @@ a{ } } //=================================================== -// SECTION: External files. +// SECTION: External files - core //=================================================== // You can comment out modules you do not want to use. @import 'mini-core/grid'; @@ -364,4 +364,9 @@ a{ @import 'mini-core/contextual'; @import 'mini-core/progress'; @import 'mini-core/utility'; +//=================================================== +// SECTION: External files - shell +//=================================================== +// You can comment out modules you do not want to use. +@import 'mini-shell/card'; //=================================================== \ No newline at end of file diff --git a/scss/v2/mini-shell/_card.scss b/scss/v2/mini-shell/_card.scss new file mode 100644 index 0000000..4ef3e39 --- /dev/null +++ b/scss/v2/mini-shell/_card.scss @@ -0,0 +1,2 @@ +// Definitions for cards and containers. +// Dependency: This module depends heavily on the grid system module. \ No newline at end of file