friendlier mobile icons

This commit is contained in:
Jeremy Kauffman 2016-04-09 16:46:31 -04:00
parent b7b9b42c99
commit 3fd7287135
2 changed files with 11 additions and 7 deletions

View file

@ -8,12 +8,12 @@
<a href="<?php echo $url ?>" <?php echo $selectedItem === $url ? 'class="nav-active"' : ''?>><?php echo $label ?></a>
</div>
<?php endforeach ?>
<div class="control-item no-label">
<a href="//twitter.com/lbryio"><span class="icon icon-twitter"></span><span class="btn-label">Twitter</span></a>
<div class="control-item no-label-desktop">
<a href="//twitter.com/lbryio"><span class="btn-label">Twitter</span> <span class="icon icon-twitter"></span></a>
</div>
<div class="control-item no-label">
<a href="//www.facebook.com/lbryio"><span class="icon icon-facebook"></span> <span class="btn-label">Facebook</span></a>
<div class="control-item no-label-desktop">
<a href="//www.facebook.com/lbryio"><span class="btn-label">Facebook</span> <span class="icon icon-facebook"></span></a>
</div>
<div class="control-item no-label">
<a href="//reddit.com/r/lbry"><span class="icon icon-reddit"></span><span class="btn-label">Reddit</span></a>
<div class="control-item no-label-desktop">
<a href="//reddit.com/r/lbry"><span class="btn-label">Reddit</span> <span class="icon icon-reddit"></span> </a>
</div>

View file

@ -92,7 +92,7 @@ a:hover img
{
margin-right: 0;
}
&.no-label
&.no-label-desktop
{
margin-left: 10px;
margin-right: 10px;
@ -165,6 +165,10 @@ a:hover img
{
display: none;
}
.no-label-desktop .btn-label
{
@include offscreen();
}
}