Style step states to circles
This commit is contained in:
parent
b0ec5ad0ab
commit
ed13cac995
@ -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;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user