Burger is a minimal hamburger menu with fullscreen navigation. It is created by mblode.
This project officially requires zero external bower dependencies. Woo-hoo!
Several quick start options are available:
- Install with Bower:
bower install burger(recommended). - Download the latest release.
- Clone the repo:
git clone https://github.com/mblode/burger.git.
if you have cloned the repo or downloaded from .zip, there are a few steps you must take within the terminal.
- Change directory:
cd burger. - Install node modules:
npm install. - Install scss-lint Ruby gem:
gem install scss-lint. - To run gulp server:
gulp. - To run build process:
gulp build.
The gh-pages branch is built using Jekyll and must therefore be install with gem install jekyll.
- Checkout in to gh-pages:
git checkout gh-pages. - Install burger dependency:
bower install. - Run jekyll:
jekyll serve. - Open in browser:
localhost:4000/burger/.
These are the files that are generated from bower install burger
.
├── README.md
├── bower.json
└── dist
├── css
│ ├── burger.css
│ └── burger.min.css
├── index.html
├── scripts
│ ├── burger.js
│ └── burger.min.js
└── scss
├── _burger.scss
├── _config.scss
└── burger.scss
<!-- Navigation -->
<div class="burger-nav">
<li><a class="burger-link active" href="#">Home</a></li>
<li><a class="burger-link" href="#">About</a></li>
<li><a class="burger-link" href="#">Portfolio</a></li>
<li><a class="burger-link" href="#">Contact</a></li>
</div>
<!-- Burger-Icon -->
<div class="burger-contain">
<div class="burger">
<div class="bun bun-top"></div>
<div class="bun bun-mid"></div>
<div class="bun bun-bottom"></div>
</div>
<!-- Burger-Brand -->
<a href="#" class="burger-brand">Burger</a>
</div>
- Safari 6.1+
- IE 10+
- Firefox 29+
- Chrome 26+
- Opera 17+
Pull requests are the way to go.
Matthew Blode