footer responsive
This commit is contained in:
parent
95100eed09
commit
434397381d
|
@ -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;
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue