Hide the links in the html topbar on small screens

This commit is contained in:
yflory
2017-02-15 14:23:56 +01:00
parent 7758d056fa
commit 0e76b18278
9 changed files with 39 additions and 28 deletions

View File

@@ -8,16 +8,16 @@
<!--<span class="slogan" data-localization="main_slogan"></span>-->
<span id="language-selector" class="right dropdown-bar"></span>
<span class="right">
<span class="link right">
<a href="/about.html" data-localization="about">About</a>
</span>
<span class="right">
<span class="link right">
<a href="/privacy.html" data-localization="privacy">Privacy</a>
</span>
<span class="right">
<span class="link right">
<a href="/terms.html" data-localization="terms">ToS</a>
</span>
<span class="right">
<span class="link right">
<a href="/contact.html" data-localization="contact">Contact</a>
</span>
</div>

View File

@@ -60,5 +60,11 @@
color: @cp-link-visited;
}
}
&.link {
@media screen and (max-width: @media-not-big) {
display: none;
}
}
}
}