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"> <div class="wrapper">
<!-- nav --> <!-- nav -->
<div id="header"> <div id="header" class="navigation">
<div class="container-fluid"> <div class="container-fluid">
<!-- vagrant logo --> <!-- vagrant logo -->
<div class="navbar-header"> <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> <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> </div>
<button class="navbar-toggle" type="button"> <button class="navbar-toggle" type="button">
<span class="sr-only">Toggle navigation</span> <span class="bar"></span>
<span class="icon-bar"></span> <span class="bar"></span>
<span class="icon-bar"></span> <span class="bar"></span>
<span class="icon-bar"></span>
</button> </button>
</div> </div>
<div class="buttons hidden-xs"> <div class="buttons hidden-xs">

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

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