First attempt at adding some embellishment to Support Us link

This commit is contained in:
Victoria Wang 2014-11-10 00:13:43 -06:00
parent c65a584591
commit a829c064e7
3 changed files with 28 additions and 3 deletions

View file

@ -258,8 +258,33 @@
@media (max-device-width:480px), screen and (max-width:800px){
display:block;
}
>.fa-heart {
vertical-align: .5em;
margin-left: .3em;
font-size: 9px;
position: relative;
color: rgba(255, 255, 255, 0.4);
>.fa-heart {
display:none;
}
}
&:hover{background:#528995; text-decoration:underline}
&:hover{
background:#528995; text-decoration:underline;
>.fa-heart {
color: rgba(255, 255, 255, 1);
>.fa-heart {
color: $c-Brand-1;
position: absolute;
left: 2px;
top: .25em;
font-size: 7px;
display: inline;
}
}
}
&.selected, &:active{background:#528995; text-decoration:underline}
}

View file

@ -20,7 +20,7 @@
<a href="/api" title="Neocities Developers API">API</a>
</li>
<li>
<a href="/plan" title="Support Neocities">Support Us</a>
<a href="/plan" title="Support Neocities">Support Us<i class="fa fa-heart"><i class="fa fa-heart"></i></i></a>
</li>
</ul>

View file

@ -65,7 +65,7 @@
<a href="/api" title="Neocities Developers API">API</a>
</li>
<li>
<a href="/plan" title="Support Neocities">Support Us</a>
<a href="/plan" title="Support Neocities">Support Us<i class="fa fa-heart"><i class="fa fa-heart"></i></i></a>
</li>
</ul>