deblan-mirror/papercss
1
0
Fork 0
mirror of https://github.com/papercss/papercss synced 2024-05-17 21:26:42 +02:00
Code Issues Projects Releases Wiki Activity

chore: use color mixin in progress

Browse source
This commit is contained in:
Seifeldin Mahjoub 2020-08-26 00:45:10 +02:00
parent a2fad6ecf9
commit 71194873cc
1 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/components/_progress.scss
View file

@ -1,6 +1,7 @@
.progress {
@include border-style(5);
border: 2px solid $primary;
@include color('border-color', 'primary');
border: 2px solid;
box-shadow: $shadow-hover;
height: 1.2rem;
overflow: hidden;
@ -9,8 +10,9 @@
.bar {
@include border-style(5);
@include transition;
background-color: $primary-light;
border-right: 2px solid $primary;
@include color('background-color', 'primary-light');
@include color('border-color', 'primary');
border-right: 2px solid;
display: flex;
flex-direction: column;
font-size: 0.6rem;
@ -25,7 +27,7 @@
@each $colorName, $color, $color-light in $colors {
&.#{$colorName} {
background-color: $color-light;
@include color('background-color', #{$colorName}-light);
&.striped {
@include striped-background($color-light);