footer responsive

This commit is contained in:
captainill 2015-11-10 13:15:50 -08:00
parent 95100eed09
commit 434397381d
2 changed files with 13 additions and 14 deletions

View File

@ -44,27 +44,22 @@
}
}
@media (max-width: 992px) {
.footer-links {
display: block;
@media (max-width: 768px) {
#footer{
padding: 20px 0 80px;
text-align: center;
ul{
display: inline-block;;
float: none !important;
}
.footer-hashi{
display: block;
float: none !important;
.hashicorp-project{
margin-left: -30px;
}
}
}
}
@media (max-width: 414px) {
#footer{
ul{
display: block;
width: 100%;
li{
display: block;
float: none;
@ -72,6 +67,10 @@
&.external-links{
li{
a{
padding-left: 0 !important;
margin-left: -14px;
}
svg{
position: relative;
left: 0;

View File

@ -71,7 +71,7 @@
<div class="edit-page-link"><a href="https://github.com/mitchellh/packer/blob/master/website/source/<%= current_page_source %>">Edit this page</a></div>
<% end %>
<% end %>
<div class="footer-links">
<div class="footer-links clearfix">
<ul class="main-links white nav navbar-nav">
<li><a href="/intro/index.html">Intro</a></li>
<li><a href="/docs/index.html">Docs</a></li>
@ -82,7 +82,7 @@
<a href="/downloads.html"><%= partial "layouts/svg/svg-download" %>Download</a>
</li>
<li class="github">
<a href="https://github.com/micthellh/packer"><%= partial "layouts/svg/svg-github" %>GitHub</a>
<a href="https://github.com/mitchellh/packer"><%= partial "layouts/svg/svg-github" %>GitHub</a>
</li>
</ul>
</ div>