iSharkFly-Docs
/
packer-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

footer

This commit is contained in:
captainill 2015-11-10 12:19:17 -08:00
parent d03ec61103
commit 71decbc638
5 changed files with 120 additions and 77 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
website/source/assets/stylesheets/_columns.scss
View File

@ -38,7 +38,7 @@
} }
.docs-content{ .docs-content{
padding: 40px 0; padding: 40px 0 60px;
} }
} }
} }

2
website/source/assets/stylesheets/_components.scss
View File

@ -172,7 +172,7 @@ header .header {
.docs-content { .docs-content {
flex-direction: column; flex-direction: column;
padding: $docs-top-margin 80px; padding: $docs-top-margin 120px;
display: block; display: block;
code { code {

136
website/source/assets/stylesheets/_footer.scss
View File

@ -1,70 +1,86 @@
footer { #footer{
height: $nav-height; background-color: $black;
max-height: $nav-height; padding: 20px 0;
background-color: $black !important;
padding: 0; &.white{
margin: 0; background-color: $black;
.footer-links{
li > a {
@include project-footer-a-subpage-style();
}
}
}
.footer-links{
li > a {
@include project-footer-a-style();
}
}
.hashicorp-project{
margin-top: 24px;
}
.pull-right{
padding-right: 15px;
}
}
.edit-page-link{
position: absolute;
top: -150px;
right: 30px;;
a{
text-transform: uppercase; text-transform: uppercase;
color: $white; color: $black;
font-family: $sans; font-size: 13px;
@include respond-to(mobile) {
margin-right: -20px;
margin-left: -20px;
}
ul {
margin-top: 40px;
@include respond-to(mobile) {
margin-left: $baseline;
margin-top: $baseline;
}
li {
display: inline;
margin-right: 50px;
@include respond-to(mobile) {
margin-right: 20px;
display: list-item;
}
}
.hashi-logo {
background: image-url('logo_footer.png') no-repeat center top;
height: 40px;
width: 40px;
background-size: 37px 40px;
text-indent: -999999px;
display: inline-block;
margin-top: -10px;
margin-right: 0;
@include respond-to(mobile) {
margin-top: -50px;
margin-right: $baseline;
}
}
}
.active {
color: $green;
}
button {
margin-top: 20px;
} }
} }
.page-wrap { @media (min-width: 1500px) {
min-height: 100%; .edit-page-link{
/* equal to footer height */ top: -56px;
margin-bottom: -($nav-height); }
} }
.page-wrap:after { @media (max-width: 992px) {
content: ""; .footer-links {
display: block; display: block;
text-align: center;
ul{
display: inline-block;;
float: none !important;
}
.footer-hashi{
display: block;
float: none !important;
}
}
} }
.page-wrap:after { @media (max-width: 414px) {
/* .push must be the same height as footer */ #footer{
height: $nav-height; ul{
display: block;
li{
display: block;
float: none;
}
&.external-links{
li{
svg{
position: relative;
left: 0;
top: 2px;
margin-top: 0;
margin-right: 4px;
}
}
}
}
}
} }

10
website/source/assets/stylesheets/_header.scss
View File

@ -47,6 +47,16 @@
@include project-a-style(); @include project-a-style();
} }
} }
.main-links {
li > a {
color: $white;
&:hover{
color: $green;
}
}
}
} }
@media (max-width: 768px) { @media (max-width: 768px) {

43
website/source/layouts/layout.erb
View File

@ -57,29 +57,46 @@
<%= yield %> <%= yield %>
<div class="clearfix"></div> <div class="clearfix"></div>
<footer id="footer" class="dark-background"> <footer id="footer" class="navigation dark-background white">
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-xs-12">
<ul>
<li class="packer"><a href="/">Packer</a></li>
<li>
A <a href="http://www.hashicorp.com/">HashiCorp</a> project.
</li>
<% # current_page.path does not have an extension, but <% # current_page.path does not have an extension, but
# current_page.source_file does. Also, we don't want to show # current_page.source_file does. Also, we don't want to show
# this on the homepage. # this on the homepage.
if current_page.url != "/" if current_page.url != "/"
current_page_source = current_page.path + \ current_page_source = current_page.path + \
current_page.source_file.split(current_page.path)[1] %> current_page.source_file.split(current_page.path)[1] %>
<li> <% if current_page.url != '/' %>
<a href="https://github.com/mitchellh/packer/blob/master/website/source/<%= current_page_source %>">Edit this page</a> <div class="edit-page-link"><a href="https://github.com/mitchellh/packer/blob/master/website/source/<%= current_page_source %>">Edit this page</a></div>
</li>
<% end %> <% end %>
<a href="http://www.hashicorp.com"> <% end %>
<li class="pull-right hashi-logo">&nbps;</li> <div class="footer-links">
</a> <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>
<li><a href="/community.html">Community</a></li>
</ul> </ul>
<ul class="external-links white nav navbar-nav">
<li class="first download">
<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>
</li>
</ul>
</ div>
<div class="footer-hashi pull-right">
<div class="">
<a class="hashicorp-project white" href="https://www.hashicorp.com">
<span class="project-text">A </span>
<%= partial "layouts/svg/svg-by-hashicorp" %>
<span class="project-text">Project</span>
<%= partial "layouts/svg/svg-hashicorp-logo" %>
</a>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>