Update placeholder icons for each link
This commit is contained in:
parent
70d7f994f0
commit
805c0b64c7
@ -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;
|
||||
}
|
||||
|
||||
}
|
||||
|
@ -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>
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user