atst/scss/sections/_progress_menu.scss
2018-07-20 14:45:56 -04:00

57 lines
917 B
SCSS

.progress-menu {
display: table;
margin: 0 auto;
padding-bottom: $gap * 2;
ul {
list-style: none;
}
&__item {
float: left;
font-weight: $font-bold;
a {
display: block;
padding: $gap ($gap * 2);
color: $color-black;
text-decoration: none;
margin: 0 ($gap * 2);
&:hover {
color: $color-blue;
}
}
&:after {
display: inline-block;
height: 2px;
content: "..";
color: $color-gray-lightest;
text-shadow: none;
background-color: $color-gray-light;
position: relative;
top: -5.5rem;
}
&:before {
display: block;
text-align: center;
}
&--active:before {
content: "O";
}
&--complete:before {
content: "\2714";
color: $color-blue;
}
&--incomplete:before {
content: "\2609";
color: $color-gray-light;
}
}
}