haskal
/
vagrant
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

add navbar toggle

This commit is contained in:
captainill 2015-11-14 00:59:33 -08:00
parent 0701d2dee6
commit 38616ca7bc
2 changed files with 17 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
website/www/source/layouts/layout.erb
View File

@ -33,7 +33,7 @@
<div class="wrapper">
<!-- nav -->
<div id="header">
<div id="header" class="navigation">
<div class="container-fluid">
<!-- vagrant logo -->
<div class="navbar-header">
@ -42,10 +42,9 @@
<a class="by-hashicorp" href="https://hashicorp.com/"><span class="svg-wrap">by</span><%= partial "layouts/svg/svg-by-hashicorp" %><%= partial "layouts/svg/svg-hashicorp-logo" %>Hashicorp</a>
</div>
<button class="navbar-toggle" type="button">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</button>
</div>
<div class="buttons hidden-xs">

17
website/www/source/stylesheets/hashicorp-shared/_hashicorp-header.less
View File

@ -27,10 +27,19 @@
.navbar-toggle{
height: @header-height;
margin: 0;
border-radius: 0;
.icon-bar{
border: 1px solid @black;
border-radius: 0;
position: relative;
float: right;
padding: 9px 10px;
background-color: transparent;
background-image: none;
border: none;
.bar{
display: block;
width: 22px;
height: 2px;
margin-top: 4px;
background-color: @black;
}
}