mirror/mini-css
1
0
Fork 0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-08-09 07:16:29 +02:00
Code Issues Releases Wiki Activity

Generic box-shadow mixin

Browse Source
This commit is contained in:
Angelos Chalaris
2016-11-11 11:52:30 +02:00
parent 692f3c00ff
commit a6b3cec38d
5 changed files with 18 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
dist/mini-default.css vendored
View File

@@ -1246,6 +1246,9 @@ progress.nano {
.circular {
border-radius: 50% !important; }
.no-shadow {
box-shadow: none !important; }
.float-left {
float: left !important; }

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

@@ -414,3 +414,4 @@
- Rebuilt `breadcrumbs` from scratch. Uses flexbox.
- Changed `clearfix`, `center-block`, `hidden` and `visually-hidden` from mixins to normal components.
- Changed the appearance of `button-group`, it will now use `border` and `border-radius` more creatively to get rid of unnecessary and excessive styling.
- Added mixin `make-box-shadow-generic` in `utility`, used it to create a class for `box-shadow:none;` just in case.

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

@@ -409,13 +409,14 @@ $breadcrumbs-separator-width: 2px; // Width of the breadcrumbs' separa
$breadcrumbs-border-style: 0; // Border style for breadcrumbs
$breadcrumbs-border-radius: 4px; // Border radius for breadcrumbs
$breadcrumbs-box-shadow: // Box shadow for breadcrumbs
0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.15);
0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.15);
$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
$box-shadow-none-name: 'no-shadow'; // Class name for generic no-box-shadow
$box-shadow-none-value: none; // Box shadow value for generic no-box-shadow
$float-prefix: 'float'; // Prefix for float classes
$clearfix-name: 'clearfix'; // Class name for clearfix
$center-block-name: 'center-block'; // Class name for center block
@@ -471,4 +472,5 @@ $center-block-name: 'center-block'; // Class name for center block
@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-box-shadow-generic ($box-shadow-none-name, $box-shadow-none-value);
@include make-floats ($float-prefix);

9
src/mini/_utility.scss
View File

@@ -110,6 +110,15 @@ ul.#{$breadcrumbs-name} {
border-radius: $border-radial-radius !important;
}
}
// Generic box shadow mixin. ATTENTION: Uses !important.
// Variables:
// - $box-shadow-name : The name of the class used for the generic box shadow.
// - $box-shadow-value : The box shadow value of the generic box shadow.
@mixin make-box-shadow-generic ($box-shadow-name, $box-shadow-value) {
.#{$box-shadow-name} {
box-shadow: $box-shadow-value !important;
}
}
// Floats mixin. ATTENTION: Uses !important.
// NOTE: This mixin might be obsolete and not play well with others.
// Variables: