mirror of
https://github.com/Chalarangelo/mini.css.git
synced 2025-02-21 23:52:33 +01:00
Box-shadow variable check updates
This commit is contained in:
parent
e3ce4b3490
commit
aba435f11a
@ -522,3 +522,4 @@
|
||||
- Added `box-shadow` to the `nav` element to be in line with the rest of the design. Added a `border`, too.
|
||||
- Tweaked colors and values of other things in the `navigation` module's variables in the flavor file.
|
||||
- Updated `navigation` module with optimization and borders.
|
||||
- Updated all `box-shadow` variable checks to test for `none` instead of `0` as that is the proper syntax used for no shadows. This will help with user-friendliness in customization.
|
||||
|
@ -39,7 +39,7 @@ $card-normal-width: 320px !default; // Width for normal cards
|
||||
margin: $card-margin;
|
||||
}
|
||||
// Tasteful shadow
|
||||
@if $card-box-shadow != 0 {
|
||||
@if $card-box-shadow != none {
|
||||
box-shadow: $card-box-shadow;
|
||||
}
|
||||
// Card sections
|
||||
|
@ -26,7 +26,7 @@ mark {
|
||||
@if $mark-margin != 0 {
|
||||
margin: $mark-margin;
|
||||
}
|
||||
@if $mark-box-shadow != 0 {
|
||||
@if $mark-box-shadow != none {
|
||||
box-shadow: $mark-box-shadow;
|
||||
}
|
||||
}
|
||||
@ -84,7 +84,7 @@ $alert-name: 'alert' !default; // Class name for the
|
||||
@if $alert-padding != 0 {
|
||||
padding: $alert-padding;
|
||||
}
|
||||
@if $alert-box-shadow != 0 {
|
||||
@if $alert-box-shadow != none {
|
||||
box-shadow: $alert-box-shadow;
|
||||
}
|
||||
}
|
||||
|
@ -163,7 +163,7 @@ code {
|
||||
@if $code-element-padding != 0 {
|
||||
padding: $code-element-padding;
|
||||
}
|
||||
@if $code-element-box-shadow != 0 {
|
||||
@if $code-element-box-shadow != none {
|
||||
box-shadow: $code-element-box-shadow;
|
||||
}
|
||||
}
|
||||
@ -192,7 +192,7 @@ pre {
|
||||
@if $add-pre-element-sidebar {
|
||||
border-left: $pre-element-sidebar-style;
|
||||
}
|
||||
@if $pre-element-box-shadow != 0 {
|
||||
@if $pre-element-box-shadow != none {
|
||||
box-shadow: $pre-element-box-shadow;
|
||||
}
|
||||
}
|
||||
@ -213,7 +213,7 @@ kbd {
|
||||
@if $kbd-element-padding != 0 {
|
||||
padding: $kbd-element-padding;
|
||||
}
|
||||
@if $kbd-element-box-shadow != 0 {
|
||||
@if $kbd-element-box-shadow != none {
|
||||
box-shadow: $kbd-element-box-shadow;
|
||||
}
|
||||
}
|
||||
|
@ -20,7 +20,7 @@ form {
|
||||
@if $form-padding != 0 {
|
||||
padding: $form-padding;
|
||||
}
|
||||
@if $form-box-shadow != 0 {
|
||||
@if $form-box-shadow != none {
|
||||
box-shadow: $form-box-shadow;
|
||||
}
|
||||
}
|
||||
@ -149,7 +149,7 @@ button, [type="button"], [type="submit"], [type="reset"], a.#{$button-class-name
|
||||
@if $button-margin != 0 {
|
||||
margin: $button-margin;
|
||||
}
|
||||
@if $button-box-shadow != 0 {
|
||||
@if $button-box-shadow != none {
|
||||
box-shadow: $button-box-shadow;
|
||||
}
|
||||
@if $apply-link-underline { // Override for links if underline is enabled.
|
||||
|
@ -19,7 +19,7 @@ header {
|
||||
@if $header-padding != 0 {
|
||||
padding: $header-padding;
|
||||
}
|
||||
@if $header-box-shadow != 0 {
|
||||
@if $header-box-shadow != none {
|
||||
box-shadow: $header-box-shadow;
|
||||
}
|
||||
// Reposnivenes for smaller displays, scrolls horizontally.
|
||||
@ -53,7 +53,7 @@ header {
|
||||
&:hover, &:active, &:focus {
|
||||
background: $header-link-hover-color;
|
||||
}
|
||||
@if $button-box-shadow != 0 { // Override for buttons when shadow is enabled.
|
||||
@if $button-box-shadow != none { // Override for buttons when shadow is enabled.
|
||||
box-shadow: none;
|
||||
}
|
||||
@if $button-border-style != 0 { // Override for buttons when border-style is enabled.
|
||||
@ -87,7 +87,7 @@ nav {
|
||||
@if $nav-padding != 0 {
|
||||
padding: $nav-padding;
|
||||
}
|
||||
@if $nav-box-shadow != 0 {
|
||||
@if $nav-box-shadow != none {
|
||||
box-shadow: $nav-box-shadow;
|
||||
}
|
||||
a, a:visited {
|
||||
|
@ -16,7 +16,7 @@ progress {
|
||||
@if $progress-margin != 0 {
|
||||
margin: $progress-margin;
|
||||
}
|
||||
@if $progress-box-shadow != 0 {
|
||||
@if $progress-box-shadow != none {
|
||||
box-shadow: $progress-box-shadow;
|
||||
}
|
||||
background: $progress-back-color; // Background color of the element (IE 10+ and Firefox).
|
||||
|
@ -16,7 +16,7 @@ $tab-stacked-name: 'stacked' !default; // Class name for stacked tabs
|
||||
justify-content: space-between;
|
||||
-webkit-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
@if $tab-container-box-shadow != 0 {
|
||||
@if $tab-container-box-shadow != none {
|
||||
box-shadow: $tab-container-box-shadow;
|
||||
}
|
||||
// Tab label styling
|
||||
|
@ -12,7 +12,7 @@ table {
|
||||
@if $table-margin != 0 {
|
||||
margin: $table-margin;
|
||||
}
|
||||
@if $table-box-shadow !=0 {
|
||||
@if $table-box-shadow != none {
|
||||
box-shadow: $table-box-shadow;
|
||||
}
|
||||
caption {
|
||||
@ -58,7 +58,7 @@ $table-not-responsive-name: 'preset' !default; // Class name for table n
|
||||
border-collapse: collapse;
|
||||
border: 0;
|
||||
width: 100%;
|
||||
@if $table-box-shadow !=0 {
|
||||
@if $table-box-shadow != none {
|
||||
box-shadow: none;
|
||||
}
|
||||
// Accessibility (element is not visible, but screen readers read it normally)
|
||||
@ -80,7 +80,7 @@ $table-not-responsive-name: 'preset' !default; // Class name for table n
|
||||
@if $table-border-radius != 0 {
|
||||
border-radius: $table-border-radius;
|
||||
}
|
||||
@if $table-box-shadow !=0 {
|
||||
@if $table-box-shadow != none {
|
||||
box-shadow: $table-box-shadow;
|
||||
}
|
||||
@if $table-body-back-color != $back-color {
|
||||
|
@ -30,7 +30,7 @@ ul.#{$breadcrumbs-name} {
|
||||
@if $breadcrumbs-border-radius != 0 {
|
||||
border-radius: $breadcrumbs-border-radius;
|
||||
}
|
||||
@if $breadcrumbs-box-shadow !=0 {
|
||||
@if $breadcrumbs-box-shadow != none {
|
||||
box-shadow: $breadcrumbs-box-shadow;
|
||||
}
|
||||
li {
|
||||
|
Loading…
x
Reference in New Issue
Block a user