Update placeholder icons for each link

This commit is contained in:
Luis Cielak 2018-07-19 14:34:21 -04:00
parent 70d7f994f0
commit 805c0b64c7
2 changed files with 15 additions and 6 deletions

View File

@ -31,17 +31,26 @@
text-shadow: none;
background-color: $color-gray-light;
position: relative;
top: -4rem;
top: -5.5rem;
}
a:before {
content: "o";
&:before {
display: block;
text-align: center;
}
&--complete:before {
&--active:before {
content: "O";
}
&--complete:before {
content: "\2714";
color: $color-blue;
}
&--incomplete:before {
content: "\2609";
color: $color-gray-light;
}
}

View File

@ -31,7 +31,7 @@
<ul>
<li class="progress-menu__item progress-menu__item--complete"><a href="#">Details of Use</a></li>
<li class="progress-menu__item progress-menu__item--active"><a href="#">Organization Info</a></li>
<li class="progress-menu__item"><a href="#">Primary POC</a></li>
<li class="progress-menu__item progress-menu__item--incomplete"><a href="#">Primary POC</a></li>
</ul>
</div>