pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update placeholder icons for each link

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
scss/sections/_progress_menu.scss
View File

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

4
templates/styleguide.html.to
View File

@ -28,10 +28,10 @@
<div class='col col--grow'> <div class='col col--grow'>
<div class="progress-menu"> <div class="progress-menu">
<ul> <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--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 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> </ul>
</div> </div>