Style step states to circles

This commit is contained in:
Luis Cielak 2018-07-19 16:21:19 -04:00
parent b0ec5ad0ab
commit ed13cac995

View File

@ -36,7 +36,7 @@
&:after { &:after {
display: inline-block; display: inline-block;
height: 2px; height: 1px;
content: " "; content: " ";
color: $color-gray-lightest; color: $color-gray-lightest;
text-shadow: none; text-shadow: none;
@ -66,17 +66,19 @@
} }
&--active:before { &--active:before {
content: "O"; border: 2px solid $color-blue;
} }
&--complete:before { &--complete:before {
content: "\2714"; content: "\2714";
color: $color-blue; background-color: $color-blue;
border: 2px solid $color-blue;
color: $color-white;
font-size: $h6-font-size;
} }
&--incomplete:before { &--incomplete:before {
content: "\2609"; border: 2px solid $color-gray-light;
color: $color-gray-light;
} }
} }