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

Code cleanup and optimization, shaved off a few bytes

Browse Source
This commit is contained in:
Angelos Chalaris
2016-10-07 17:11:42 +03:00
parent 8c2c7d616c
commit 478d32e634
10 changed files with 46 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
CHANGELOG.md
View File

@@ -8,6 +8,11 @@
- New module: Spinners (component comes in two styles) - part of the extra modules. - 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`. - 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). - 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 ## v1.0.2

33
flavors/mini-default.css
View File

@@ -1021,8 +1021,7 @@ img.thumb {
line-height: 1; line-height: 1;
width: 0; width: 0;
height: 0; height: 0;
border-left: 0.35em solid transparent; border: 0.35em solid transparent;
border-right: 0.35em solid transparent;
border-top: 0.35em solid #222; } border-top: 0.35em solid #222; }
.close { .close {
@@ -1092,15 +1091,15 @@ img.thumb {
.lbl.blue { .lbl.blue {
color: #eeeeee; color: #eeeeee;
background: #3f84b3; } background-color: #3f84b3; }
.lbl.green { .lbl.green {
color: #eeeeee; color: #eeeeee;
background: #2db747; } background-color: #2db747; }
.lbl.red { .lbl.red {
color: #eeeeee; color: #eeeeee;
background: #ea4848; } background-color: #ea4848; }
.bdg { .bdg {
display: inline-block; display: inline-block;
@@ -1113,15 +1112,15 @@ img.thumb {
.bdg.blue { .bdg.blue {
color: #eeeeee; color: #eeeeee;
background: #3f84b3; } background-color: #3f84b3; }
.bdg.green { .bdg.green {
color: #eeeeee; color: #eeeeee;
background: #2db747; } background-color: #2db747; }
.bdg.red { .bdg.red {
color: #eeeeee; color: #eeeeee;
background: #ea4848; } background-color: #ea4848; }
/* /*
Mixin for tab system. Mixin for tab system.
@@ -1352,7 +1351,7 @@ input[type="radio"].acrd {
border-radius: 4px; border-radius: 4px;
cursor: pointer; } cursor: pointer; }
input[type="radio"].acrd + label:hover, input[type="radio"].acrd + label:active, input[type="radio"].acrd + label:focus { 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 { input[type="radio"].acrd + label + div {
display: none; display: none;
color: #222; color: #222;
@@ -1406,18 +1405,18 @@ input[type="radio"]:checked.acrd + label {
float: left; float: left;
width: 0; width: 0;
height: 100%; height: 100%;
color: #eeeeee;
background-color: #3f84b3; background-color: #3f84b3;
text-align: center; text-align: center;
font-size: 0.8em; font-size: 0.8em; }
color: #eeeeee; }
.prg > span.green { .prg > span.green {
background-color: #2db747; color: #eeeeee;
color: #eeeeee; } background-color: #2db747; }
.prg > span.red { .prg > span.red {
background-color: #ea4848; color: #eeeeee;
color: #eeeeee; } background-color: #ea4848; }
/* /*
Mixin for dotted spinner component. Mixin for dotted spinner component.
@@ -1758,9 +1757,7 @@ input[type="checkbox"]:checked.alert-red + div {
.panel > * { .panel > * {
padding: 10px; } padding: 10px; }
.panel .head { .panel .head {
border-top: 0; border: 0;
border-left: 0;
border-right: 0;
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
color: #222; color: #222;
background-color: #e7e7e7; background-color: #e7e7e7;

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

File diff suppressed because one or more lines are too long

33
flavors/mini-niteowl.css
View File

@@ -1021,8 +1021,7 @@ img.thumb {
line-height: 1; line-height: 1;
width: 0; width: 0;
height: 0; height: 0;
border-left: 0.35em solid transparent; border: 0.35em solid transparent;
border-right: 0.35em solid transparent;
border-top: 0.35em solid #aaa; } border-top: 0.35em solid #aaa; }
.close { .close {
@@ -1092,15 +1091,15 @@ img.thumb {
.lbl.blue { .lbl.blue {
color: #f5f5f5; color: #f5f5f5;
background: #364952; } background-color: #364952; }
.lbl.green { .lbl.green {
color: #f5f5f5; color: #f5f5f5;
background: #409f45; } background-color: #409f45; }
.lbl.red { .lbl.red {
color: #f5f5f5; color: #f5f5f5;
background: #e72a2a; } background-color: #e72a2a; }
.bdg { .bdg {
display: inline-block; display: inline-block;
@@ -1113,15 +1112,15 @@ img.thumb {
.bdg.blue { .bdg.blue {
color: #f5f5f5; color: #f5f5f5;
background: #364952; } background-color: #364952; }
.bdg.green { .bdg.green {
color: #f5f5f5; color: #f5f5f5;
background: #409f45; } background-color: #409f45; }
.bdg.red { .bdg.red {
color: #f5f5f5; color: #f5f5f5;
background: #e72a2a; } background-color: #e72a2a; }
/* /*
Mixin for tab system. Mixin for tab system.
@@ -1352,7 +1351,7 @@ input[type="radio"].acrd {
border-radius: 4px; border-radius: 4px;
cursor: pointer; } cursor: pointer; }
input[type="radio"].acrd + label:hover, input[type="radio"].acrd + label:active, input[type="radio"].acrd + label:focus { 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 { input[type="radio"].acrd + label + div {
display: none; display: none;
color: #f5f5f5; color: #f5f5f5;
@@ -1406,18 +1405,18 @@ input[type="radio"]:checked.acrd + label {
float: left; float: left;
width: 0; width: 0;
height: 100%; height: 100%;
color: #f5f5f5;
background-color: #364952; background-color: #364952;
text-align: center; text-align: center;
font-size: 0.8em; font-size: 0.8em; }
color: #f5f5f5; }
.prg > span.green { .prg > span.green {
background-color: #409f45; color: #f5f5f5;
color: #f5f5f5; } background-color: #409f45; }
.prg > span.red { .prg > span.red {
background-color: #e72a2a; color: #f5f5f5;
color: #f5f5f5; } background-color: #e72a2a; }
/* /*
Mixin for dotted spinner component. Mixin for dotted spinner component.
@@ -1758,9 +1757,7 @@ input[type="checkbox"]:checked.alert-red + div {
.panel > * { .panel > * {
padding: 10px; } padding: 10px; }
.panel .head { .panel .head {
border-top: 0; border: 0;
border-left: 0;
border-right: 0;
border-bottom: 1px solid #304251; border-bottom: 1px solid #304251;
color: #f5f5f5; color: #f5f5f5;
background-color: #26384b; background-color: #26384b;

2
flavors/mini-niteowl.min.css vendored
View File

File diff suppressed because one or more lines are too long

4
scss/mini-extra/_collapse.scss
View File

@@ -77,10 +77,10 @@
cursor: pointer; cursor: pointer;
&:hover, &:active, &:focus{ &:hover, &:active, &:focus{
@if $accordion-hover-style == 'lighten'{ @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{ @else{
background: darken($accordion-label-bg-color, $accordion-hover-style-percentage); background-color: darken($accordion-label-bg-color, $accordion-hover-style-percentage);
} }
} }
& + div{ & + div{

2
scss/mini-extra/_label.scss
View File

@@ -39,6 +39,6 @@
@mixin make-lbl-style($lbl-name, $lbl-style-name, $lbl-style-color, $lbl-style-bg-color){ @mixin make-lbl-style($lbl-name, $lbl-style-name, $lbl-style-color, $lbl-style-bg-color){
.#{$lbl-name}.#{$lbl-style-name}{ .#{$lbl-name}.#{$lbl-style-name}{
color: $lbl-style-color; color: $lbl-style-color;
background: $lbl-style-bg-color; background-color: $lbl-style-bg-color;
} }
} }

4
scss/mini-extra/_progress.scss
View File

@@ -25,10 +25,10 @@
float: left; float: left;
width: 0; width: 0;
height: 100%; height: 100%;
color: $progress-bar-color;
background-color: $progress-bar-bg-color; background-color: $progress-bar-bg-color;
text-align: center; text-align: center;
font-size: $progress-font-size; 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){ @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}{ .#{$progress-name} > span.#{$progress-bar-variant-name}{
background-color: $progress-bar-variant-bg-color;
color: $progress-bar-variant-color; color: $progress-bar-variant-color;
background-color: $progress-bar-variant-bg-color;
} }
} }

4
scss/mini-extra/_utility.scss
View File

@@ -125,9 +125,7 @@
padding: $panel-padding; padding: $panel-padding;
} }
& .#{$panel-header-name}{ & .#{$panel-header-name}{
border-top: 0; border: 0;
border-left: 0;
border-right: 0;
border-bottom: $panel-border; border-bottom: $panel-border;
color: $panel-header-color; color: $panel-header-color;
background-color: $panel-header-bg-color; background-color: $panel-header-bg-color;

5
scss/mini/_utility.scss
View File

@@ -97,8 +97,9 @@
line-height: 1; line-height: 1;
width: 0; width: 0;
height: 0; height: 0;
border-left: $caret-size solid transparent; //border-left: $caret-size solid transparent;
border-right: $caret-size solid transparent; //border-right: $caret-size solid transparent;
border: $caret-size solid transparent;
border-top: $caret-size solid $caret-color; border-top: $caret-size solid $caret-color;
} }
} }