Awesomeburger

Are you looking for new way to animate your burger? Try awesomeburger!

Requirements

1. Need to use SASS in your Project.

Installation

1. Install npm package:

npm install awesomeburger

2. Import the module in your JavaScript files:

import awesomeburger from 'awesomeburger'

3. Import styles in your SCSS files:

@import "node_modules/awesomeburger/styles.scss";

4. Your HTML needs to be well prepared:

<a class="c-burger js-toggle-main-nav" aria-label="toggle menu">
    <span class="c-burger__inner">
        <span class="c-burger__circle"></span>
        <span class="c-burger__lines"></span>
        <span class="c-burger__cross"></span>
        <span class="c-burger__info">toggle menu</span>
    </span>
</a>