mirror/mini-css
1
0
Fork 0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-08-06 13:56:27 +02:00
Code Issues Releases Wiki Activity

Utility cleanup

Browse Source
This commit is contained in:
Angelos Chalaris
2016-11-10 11:00:03 +02:00
parent 3d2fac7582
commit a3774f3c03
6 changed files with 142 additions and 142 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
dist/mini-default.css vendored
View File

@@ -1087,6 +1087,47 @@ progress.nano {
progress.nano[value="100"]::-moz-progress-bar { progress.nano[value="100"]::-moz-progress-bar {
border-radius: 0; } border-radius: 0; }
.spinner-donut.tertiary {
border: 4px solid #e8f5e9;
border-left: 4px solid #2e7d32; }
.card.large {
max-width: 480px; }
.card.small {
max-width: 160px; }
.card.fluid {
max-width: 100%; }
.card.primary {
background: #e1f5fe;
color: #263238;
border: 1px solid #01579b; }
.card > .section.dark {
background: #bdbdbd; }
.card > .section.primary {
background: #0277bd; }
.card > .section.double-padded {
padding: 12px 16px 12px; }
.row.cards {
-webkit-box-pack: justify;
-webkit-justify-content: space-around;
justify-content: space-around; }
.spinner-donut.secondary {
border: 4px solid #ffebee;
border-left: 4px solid #c62828; }
.row.cards {
-webkit-box-pack: justify;
-webkit-justify-content: space-around;
justify-content: space-around; }
.bordered { .bordered {
border: 1px solid rgba(0, 0, 0, 0.25) !important; } border: 1px solid rgba(0, 0, 0, 0.25) !important; }
@@ -1134,44 +1175,3 @@ ul.breadcrumbs {
ul.breadcrumbs > li + li:before { ul.breadcrumbs > li + li:before {
content: '\27e9'; content: '\27e9';
padding: 0.125em; } padding: 0.125em; }
.card.large {
max-width: 480px; }
.card.small {
max-width: 160px; }
.card.fluid {
max-width: 100%; }
.card.primary {
background: #e1f5fe;
color: #263238;
border: 1px solid #01579b; }
.card > .section.dark {
background: #bdbdbd; }
.card > .section.primary {
background: #0277bd; }
.card > .section.double-padded {
padding: 12px 16px 12px; }
.row.cards {
-webkit-box-pack: justify;
-webkit-justify-content: space-around;
justify-content: space-around; }
.spinner-donut.secondary {
border: 4px solid #ffebee;
border-left: 4px solid #c62828; }
.row.cards {
-webkit-box-pack: justify;
-webkit-justify-content: space-around;
justify-content: space-around; }
.spinner-donut.tertiary {
border: 4px solid #e8f5e9;
border-left: 4px solid #2e7d32; }

2
dist/mini-default.min.css vendored
View File

File diff suppressed because one or more lines are too long

1
docs/v2/DEVLOG.md
View File

@@ -391,3 +391,4 @@
- Code cleanup for `contextual`. Minor `mark` optimizations. Added `alert` mixin `make-alert-alt-style` for alternative `alert` styles. - Code cleanup for `contextual`. Minor `mark` optimizations. Added `alert` mixin `make-alert-alt-style` for alternative `alert` styles.
- Removed `spinner` file. - Removed `spinner` file.
- Cleanup for `navigation`. - Cleanup for `navigation`.
- Cleanup for `utility`.

81
src/flavors/mini-default.scss
View File

@@ -287,7 +287,7 @@ $alert-border-style: 1px solid #bdbdbd; // Border style for alerts
$alert-border-radius: 2px; // Border radius for alerts $alert-border-radius: 2px; // Border radius for alerts
$alert-padding: 12px 16px; // Padding for alerts $alert-padding: 12px 16px; // Padding for alerts
$alert-margin: 1px 10px; // Margin for alerts $alert-margin: 1px 10px; // Margin for alerts
// Variables for progress elements // Variables for progress elements and spinners
$progress-back-color: #f5f5f5; // Background color for <progress> $progress-back-color: #f5f5f5; // Background color for <progress>
$progress-fore-color: #01579b; // Progress bar color for <progress> $progress-fore-color: #01579b; // Progress bar color for <progress>
$progress-height: 10px; // Height of <progress> $progress-height: 10px; // Height of <progress>
@@ -305,18 +305,21 @@ $progress-style1-height: 2px; // Height for <progress> style 1
$progress-style1-margin: 0 auto 1px; // Margin for <progress> style 1 $progress-style1-margin: 0 auto 1px; // Margin for <progress> style 1
$progress-style1-border-style: 0; // Border style for <progress> style 1 $progress-style1-border-style: 0; // Border style for <progress> style 1
$progress-style1-border-radius: 0; // Border radius for <progress> style 1 $progress-style1-border-radius: 0; // Border radius for <progress> style 1
// Variables for core utilities and helper classes $spinner-donut-name: 'spinner-donut'; // Class name for donut spinner
$border-generic-name: 'bordered'; // Class name for generic border style $spinner-donut-border-thickness:4px; // Border thickness for donut spinner
$border-radial-style1-name: 'rounded'; // Class name for radial border style 1 $spinner-donut-back-color: #e3f2fd; // Background color for donut spinner
$border-radial-style1-radius: 2px; // Border radius for radial border style 1 $spinner-donut-fore-color: #1565c0; // Foreground color for donut spinner
$border-radial-style2-name: 'circular'; // Class name for radial border style 2 $spinner-donut-size: 20px; // Size for donut spinner
$border-radial-style2-radius: 50%; // Border radius for radial border style 2 $spinner-donut-variant1-name: 'secondary'; // Class name for donut spinner variant 1
$hidden-name: 'hidden'; // Class name for hidden elements $spinner-donut-variant1-back-color: // Background color for donut spinner variant 1
$visually-hidden-name: 'visually-hidden'; // Class name for visually hidden elements #ffebee;
$float-prefix: 'float'; // Prefix for float classes $spinner-donut-variant1-fore-color: // Foreground color for donut spinner variant 1
$clearfix-name: 'clearfix'; // Class name for clearfix #c62828;
$center-block-name: 'center-block'; // Class name for center block $spinner-donut-variant2-name: 'tertiary'; // Class name for donut spinner variant 2
$breadcrumbs-name: 'breadcrumbs'; // Class name for breadcrumbs $spinner-donut-variant2-back-color: // Background color for donut spinner variant 2
#e8f5e9;
$spinner-donut-variant2-fore-color: // Foreground color for donut spinner variant 2
#2e7d32;
// Variables for cards [1] // Variables for cards [1]
$card-name: 'card'; // Class name for cards $card-name: 'card'; // Class name for cards
$card-back-color: #f5f5f5; // Background color for cards $card-back-color: #f5f5f5; // Background color for cards
@@ -367,24 +370,20 @@ $tab-panel-padding: 6px; // Padding for tabs' panels
$tab-panel-height: 400px; // Height for tabs' panels $tab-panel-height: 400px; // Height for tabs' panels
$tab-stacked-breakpoint: $grid-medium-breakpoint; // Breakpoint for tabs layout (stacked/horizontal) $tab-stacked-breakpoint: $grid-medium-breakpoint; // Breakpoint for tabs layout (stacked/horizontal)
$tab-stacked-name: 'stacked'; // Class name for stacked tabs $tab-stacked-name: 'stacked'; // Class name for stacked tabs
// Variables for 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
$border-radial-style2-name: 'circular'; // Class name for radial border style 2
$border-radial-style2-radius: 50%; // Border radius for radial border style 2
$hidden-name: 'hidden'; // Class name for hidden elements
$visually-hidden-name: 'visually-hidden'; // Class name for visually hidden elements
$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
// Notes: // Notes:
// [1] - The tabs module is somewhat dependent on the grid system module. // [1] - The tabs module is somewhat dependent on the grid system module.
// Variables for spinners
$spinner-donut-name: 'spinner-donut'; // Class name for donut spinner
$spinner-donut-border-thickness:4px; // Border thickness for donut spinner
$spinner-donut-back-color: #e3f2fd; // Background color for donut spinner
$spinner-donut-fore-color: #1565c0; // Foreground color for donut spinner
$spinner-donut-size: 20px; // Size for donut spinner
$spinner-donut-variant1-name: 'secondary'; // Class name for donut spinner variant 1
$spinner-donut-variant1-back-color: // Background color for donut spinner variant 1
#ffebee;
$spinner-donut-variant1-fore-color: // Foreground color for donut spinner variant 1
#c62828;
$spinner-donut-variant2-name: 'tertiary'; // Class name for donut spinner variant 2
$spinner-donut-variant2-back-color: // Background color for donut spinner variant 2
#e8f5e9;
$spinner-donut-variant2-fore-color: // Foreground color for donut spinner variant 2
#2e7d32;
// Enable mini.css // Enable mini.css
@import '../mini/core'; @import '../mini/core';
// Use mixins for button elements // Use mixins for button elements
@@ -414,16 +413,8 @@ $spinner-donut-variant2-fore-color: // Foreground color for donut spi
@include make-progress-alt-color ($progress-variant2-name, $progress-variant2-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, @include make-progress-alt-style ($progress-style1-name, $progress-style1-height,
$progress-style1-margin, $progress-style1-border-style, $progress-style1-border-radius); $progress-style1-margin, $progress-style1-border-style, $progress-style1-border-radius);
// Use mixins for core utilities and helper classes @include make-spinner-donut-alt-color ($spinner-donut-variant2-name, $spinner-donut-variant2-back-color,
@include make-border-generic ($border-generic-name); $spinner-donut-variant2-fore-color);
@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);
@include make-hidden ($hidden-name);
@include make-visually-hidden ($visually-hidden-name);
@include make-floats ($float-prefix);
@include make-clearfix ($clearfix-name);
@include make-center-block ($center-block-name);
@include make-breadcrumbs ($breadcrumbs-name);
// Use mixins for cards // Use mixins for cards
@include make-card-alt-size ($card-size1-name, $card-size1-width); @include make-card-alt-size ($card-size1-name, $card-size1-width);
@include make-card-alt-size ($card-size2-name, $card-size2-width); @include make-card-alt-size ($card-size2-name, $card-size2-width);
@@ -439,5 +430,13 @@ $spinner-donut-variant2-fore-color: // Foreground color for donut spi
@include make-spinner-donut-alt-color ($spinner-donut-variant1-name, $spinner-donut-variant1-back-color, @include make-spinner-donut-alt-color ($spinner-donut-variant1-name, $spinner-donut-variant1-back-color,
$spinner-donut-variant1-fore-color); $spinner-donut-variant1-fore-color);
@include add-grid-row-cards-alignment; @include add-grid-row-cards-alignment;
@include make-spinner-donut-alt-color ($spinner-donut-variant2-name, $spinner-donut-variant2-back-color, // Use mixins for utilities and helper classes
$spinner-donut-variant2-fore-color); @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);
@include make-hidden ($hidden-name);
@include make-visually-hidden ($visually-hidden-name);
@include make-floats ($float-prefix);
@include make-clearfix ($clearfix-name);
@include make-center-block ($center-block-name);
@include make-breadcrumbs ($breadcrumbs-name);

2
src/mini/_core.scss
View File

@@ -354,6 +354,6 @@ a{
@import 'navigation'; @import 'navigation';
@import 'contextual'; @import 'contextual';
@import 'progress'; @import 'progress';
@import 'utility';
@import 'card'; @import 'card';
@import 'tab'; @import 'tab';
@import 'utility';