deblan-mirror/papercss
1
0
Fork 0
mirror of https://github.com/papercss/papercss synced 2024-06-08 08:52:25 +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 { .progress {
@include border-style(5); @include border-style(5);
border: 2px solid $primary; @include color('border-color', 'primary');
border: 2px solid;
box-shadow: $shadow-hover; box-shadow: $shadow-hover;
height: 1.2rem; height: 1.2rem;
overflow: hidden; overflow: hidden;
@ -9,8 +10,9 @@
.bar { .bar {
@include border-style(5); @include border-style(5);
@include transition; @include transition;
background-color: $primary-light; @include color('background-color', 'primary-light');
border-right: 2px solid $primary; @include color('border-color', 'primary');
border-right: 2px solid;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
font-size: 0.6rem; font-size: 0.6rem;
@ -25,7 +27,7 @@
@each $colorName, $color, $color-light in $colors { @each $colorName, $color, $color-light in $colors {
&.#{$colorName} { &.#{$colorName} {
background-color: $color-light; @include color('background-color', #{$colorName}-light);
&.striped { &.striped {
@include striped-background($color-light); @include striped-background($color-light);