Code cleanup and optimization, shaved off a few bytes
This commit is contained in:
Angelos Chalaris
parent
8c2c7d616c
commit
478d32e634
10 changed files with 46 additions and 48 deletions
|
|
@ -8,6 +8,11 @@
|
|||
- New module: Spinners (component comes in two styles) - part of the extra modules.
|
||||
- Removed the `flavor.scss` file from the `/scss` directory. Default flavor base will be `/flavors/mini-default.scss`.
|
||||
- Added hover styling and pointer cursor to the thumbnail styling (issue #10).
|
||||
- Minor change to caret styling (should be virtually identical).
|
||||
- Updated accordion definitions for consistency.
|
||||
- Updated label style definitions for consistency.
|
||||
- Minor changes to progress component styling (should be virtually identical).
|
||||
- Minor changes to panel component styling (should be virtually identical).
|
||||
|
||||
## v1.0.2
|
||||
|
||||
|
|
|
|||
|
|
@ -1021,8 +1021,7 @@ img.thumb {
|
|||
line-height: 1;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 0.35em solid transparent;
|
||||
border-right: 0.35em solid transparent;
|
||||
border: 0.35em solid transparent;
|
||||
border-top: 0.35em solid #222; }
|
||||
|
||||
.close {
|
||||
|
|
@ -1092,15 +1091,15 @@ img.thumb {
|
|||
|
||||
.lbl.blue {
|
||||
color: #eeeeee;
|
||||
background: #3f84b3; }
|
||||
background-color: #3f84b3; }
|
||||
|
||||
.lbl.green {
|
||||
color: #eeeeee;
|
||||
background: #2db747; }
|
||||
background-color: #2db747; }
|
||||
|
||||
.lbl.red {
|
||||
color: #eeeeee;
|
||||
background: #ea4848; }
|
||||
background-color: #ea4848; }
|
||||
|
||||
.bdg {
|
||||
display: inline-block;
|
||||
|
|
@ -1113,15 +1112,15 @@ img.thumb {
|
|||
|
||||
.bdg.blue {
|
||||
color: #eeeeee;
|
||||
background: #3f84b3; }
|
||||
background-color: #3f84b3; }
|
||||
|
||||
.bdg.green {
|
||||
color: #eeeeee;
|
||||
background: #2db747; }
|
||||
background-color: #2db747; }
|
||||
|
||||
.bdg.red {
|
||||
color: #eeeeee;
|
||||
background: #ea4848; }
|
||||
background-color: #ea4848; }
|
||||
|
||||
/*
|
||||
Mixin for tab system.
|
||||
|
|
@ -1352,7 +1351,7 @@ input[type="radio"].acrd {
|
|||
border-radius: 4px;
|
||||
cursor: pointer; }
|
||||
input[type="radio"].acrd + label:hover, input[type="radio"].acrd + label:active, input[type="radio"].acrd + label:focus {
|
||||
background: #dbdbdb; }
|
||||
background-color: #dbdbdb; }
|
||||
input[type="radio"].acrd + label + div {
|
||||
display: none;
|
||||
color: #222;
|
||||
|
|
@ -1406,18 +1405,18 @@ input[type="radio"]:checked.acrd + label {
|
|||
float: left;
|
||||
width: 0;
|
||||
height: 100%;
|
||||
color: #eeeeee;
|
||||
background-color: #3f84b3;
|
||||
text-align: center;
|
||||
font-size: 0.8em;
|
||||
color: #eeeeee; }
|
||||
font-size: 0.8em; }
|
||||
|
||||
.prg > span.green {
|
||||
background-color: #2db747;
|
||||
color: #eeeeee; }
|
||||
color: #eeeeee;
|
||||
background-color: #2db747; }
|
||||
|
||||
.prg > span.red {
|
||||
background-color: #ea4848;
|
||||
color: #eeeeee; }
|
||||
color: #eeeeee;
|
||||
background-color: #ea4848; }
|
||||
|
||||
/*
|
||||
Mixin for dotted spinner component.
|
||||
|
|
@ -1758,9 +1757,7 @@ input[type="checkbox"]:checked.alert-red + div {
|
|||
.panel > * {
|
||||
padding: 10px; }
|
||||
.panel .head {
|
||||
border-top: 0;
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
border: 0;
|
||||
border-bottom: 1px solid #ccc;
|
||||
color: #222;
|
||||
background-color: #e7e7e7;
|
||||
|
|
|
|||
2
flavors/mini-default.min.css
vendored
2
flavors/mini-default.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1021,8 +1021,7 @@ img.thumb {
|
|||
line-height: 1;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 0.35em solid transparent;
|
||||
border-right: 0.35em solid transparent;
|
||||
border: 0.35em solid transparent;
|
||||
border-top: 0.35em solid #aaa; }
|
||||
|
||||
.close {
|
||||
|
|
@ -1092,15 +1091,15 @@ img.thumb {
|
|||
|
||||
.lbl.blue {
|
||||
color: #f5f5f5;
|
||||
background: #364952; }
|
||||
background-color: #364952; }
|
||||
|
||||
.lbl.green {
|
||||
color: #f5f5f5;
|
||||
background: #409f45; }
|
||||
background-color: #409f45; }
|
||||
|
||||
.lbl.red {
|
||||
color: #f5f5f5;
|
||||
background: #e72a2a; }
|
||||
background-color: #e72a2a; }
|
||||
|
||||
.bdg {
|
||||
display: inline-block;
|
||||
|
|
@ -1113,15 +1112,15 @@ img.thumb {
|
|||
|
||||
.bdg.blue {
|
||||
color: #f5f5f5;
|
||||
background: #364952; }
|
||||
background-color: #364952; }
|
||||
|
||||
.bdg.green {
|
||||
color: #f5f5f5;
|
||||
background: #409f45; }
|
||||
background-color: #409f45; }
|
||||
|
||||
.bdg.red {
|
||||
color: #f5f5f5;
|
||||
background: #e72a2a; }
|
||||
background-color: #e72a2a; }
|
||||
|
||||
/*
|
||||
Mixin for tab system.
|
||||
|
|
@ -1352,7 +1351,7 @@ input[type="radio"].acrd {
|
|||
border-radius: 4px;
|
||||
cursor: pointer; }
|
||||
input[type="radio"].acrd + label:hover, input[type="radio"].acrd + label:active, input[type="radio"].acrd + label:focus {
|
||||
background: #192531; }
|
||||
background-color: #192531; }
|
||||
input[type="radio"].acrd + label + div {
|
||||
display: none;
|
||||
color: #f5f5f5;
|
||||
|
|
@ -1406,18 +1405,18 @@ input[type="radio"]:checked.acrd + label {
|
|||
float: left;
|
||||
width: 0;
|
||||
height: 100%;
|
||||
color: #f5f5f5;
|
||||
background-color: #364952;
|
||||
text-align: center;
|
||||
font-size: 0.8em;
|
||||
color: #f5f5f5; }
|
||||
font-size: 0.8em; }
|
||||
|
||||
.prg > span.green {
|
||||
background-color: #409f45;
|
||||
color: #f5f5f5; }
|
||||
color: #f5f5f5;
|
||||
background-color: #409f45; }
|
||||
|
||||
.prg > span.red {
|
||||
background-color: #e72a2a;
|
||||
color: #f5f5f5; }
|
||||
color: #f5f5f5;
|
||||
background-color: #e72a2a; }
|
||||
|
||||
/*
|
||||
Mixin for dotted spinner component.
|
||||
|
|
@ -1758,9 +1757,7 @@ input[type="checkbox"]:checked.alert-red + div {
|
|||
.panel > * {
|
||||
padding: 10px; }
|
||||
.panel .head {
|
||||
border-top: 0;
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
border: 0;
|
||||
border-bottom: 1px solid #304251;
|
||||
color: #f5f5f5;
|
||||
background-color: #26384b;
|
||||
|
|
|
|||
2
flavors/mini-niteowl.min.css
vendored
2
flavors/mini-niteowl.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -77,10 +77,10 @@
|
|||
cursor: pointer;
|
||||
&:hover, &:active, &:focus{
|
||||
@if $accordion-hover-style == 'lighten'{
|
||||
background: lighten($accordion-label-bg-color, $accordion-hover-style-percentage);
|
||||
background-color: lighten($accordion-label-bg-color, $accordion-hover-style-percentage);
|
||||
}
|
||||
@else{
|
||||
background: darken($accordion-label-bg-color, $accordion-hover-style-percentage);
|
||||
background-color: darken($accordion-label-bg-color, $accordion-hover-style-percentage);
|
||||
}
|
||||
}
|
||||
& + div{
|
||||
|
|
|
|||
|
|
@ -39,6 +39,6 @@
|
|||
@mixin make-lbl-style($lbl-name, $lbl-style-name, $lbl-style-color, $lbl-style-bg-color){
|
||||
.#{$lbl-name}.#{$lbl-style-name}{
|
||||
color: $lbl-style-color;
|
||||
background: $lbl-style-bg-color;
|
||||
background-color: $lbl-style-bg-color;
|
||||
}
|
||||
}
|
||||
|
|
@ -25,10 +25,10 @@
|
|||
float: left;
|
||||
width: 0;
|
||||
height: 100%;
|
||||
color: $progress-bar-color;
|
||||
background-color: $progress-bar-bg-color;
|
||||
text-align: center;
|
||||
font-size: $progress-font-size;
|
||||
color: $progress-bar-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -47,7 +47,7 @@
|
|||
*/
|
||||
@mixin make-progress-bar-variant($progress-name, $progress-bar-variant-name, $progress-bar-variant-color, $progress-bar-variant-bg-color){
|
||||
.#{$progress-name} > span.#{$progress-bar-variant-name}{
|
||||
background-color: $progress-bar-variant-bg-color;
|
||||
color: $progress-bar-variant-color;
|
||||
background-color: $progress-bar-variant-bg-color;
|
||||
}
|
||||
}
|
||||
|
|
@ -125,9 +125,7 @@
|
|||
padding: $panel-padding;
|
||||
}
|
||||
& .#{$panel-header-name}{
|
||||
border-top: 0;
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
border: 0;
|
||||
border-bottom: $panel-border;
|
||||
color: $panel-header-color;
|
||||
background-color: $panel-header-bg-color;
|
||||
|
|
|
|||
|
|
@ -97,8 +97,9 @@
|
|||
line-height: 1;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: $caret-size solid transparent;
|
||||
border-right: $caret-size solid transparent;
|
||||
//border-left: $caret-size solid transparent;
|
||||
//border-right: $caret-size solid transparent;
|
||||
border: $caret-size solid transparent;
|
||||
border-top: $caret-size solid $caret-color;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue