hamburgers

Tasty CSS-animated Hamburgers

MIT License

Downloads
174.7K
Stars
7K
Committers
12

Bot releases are visible (Hide)

hamburgers - v1.2.0 Latest Release

Published by jonsuh over 2 years ago

Fixed

hamburgers - v1.1.3

Published by jonsuh about 6 years ago

Fixed

  • !important for types that rely on background-color: transparent.
hamburgers - v1.1.2 (Deprecated)

Published by jonsuh about 6 years ago

Bug fixes in v1.1.3

Fixed

  • Change default value of $hamburger-active-hover-opacity to $hamburger-hover-opacity.
  • Change default value of $hamburger-active-hover-filter to $hamburger-hover-filter.
hamburgers - v1.1.0 (Deprecated)

Published by jonsuh about 6 years ago

Bug fixes in v1.1.3

Added

  • Changing color of the hamburger in the active state thanks to @andreamaiolo #20

Fixed

  • Removed $hamburger-hover-transition-duration and $hamburger-hover-transition-timing-function—types rely on custom timing, which render these useless.
hamburgers - v0.9.3

Published by jonsuh almost 7 years ago

Fixed

  • Missing @if statements in arrowturn and arrowturn-r variants #51.
  • Update docs with correct yarn install command #45.
  • Correct eyeglass-module tag in package.json #48.
hamburgers - v0.9.1

Published by jonsuh over 7 years ago

Added

  • Add new types: 3dxy, 3dxy-r, arrowturn, arrowturn-r, minus

Updated

  • Include missing and new types in dist/example.html.
  • Update dependencies and include package-lock.json.
hamburgers - v0.8.1

Published by jonsuh over 7 years ago

Updated

  • Faster animations.
  • Improved accessibility documentation thanks to @scottaohara #baf5b5e.
hamburgers - v0.7.0

Published by jonsuh almost 8 years ago

Added

hamburgers - v0.6.0

Published by jonsuh almost 8 years ago

Fixed

hamburgers - v0.5.0

Published by jonsuh over 8 years ago

Fixed

  • Error: Import directives may not be used within control directives or mixins. in certain cases like when compiling with Ruby Sass.
    Solution: @import all available types and instead nest Sass for each type in @if directive which checks to see if the type exists in $hamburger-types. e.g.:
@if index($hamburger-types, 3dx) {
   .hamburger--3dx {
   }
}
hamburgers - v0.4.0

Published by jonsuh over 8 years ago

Improved

  • Customize the including/excluding of hamburger types in settings as $hamburger-types Sass list (e.g. If someone includes Hamburgers via npm or Bower, they don’t have to modify the source files in node_modules or bower_components.)
hamburgers - v0.3.0

Published by jonsuh over 8 years ago

Fixed

Top positioning bug for Elastic and Slider (#13fa295).

Added

4 hamburger types (with reverse variants)

  hamburger--3dx
  hamburger--3dx-r
  hamburger--3dy
  hamburger--3dy-r
  hamburger--spring
  hamburger--spring-r
  hamburger--stand
  hamburger--stand-r
hamburgers - v0.2.0

Published by jonsuh over 8 years ago

Supports and favors more accessible and semantic markup:

  <button class="hamburger" type="button">
    <span class="hamburger-box">
      <span class="hamburger-inner"></span>
    </span>
  </button>
hamburgers - v0.1.5

Published by jonsuh over 8 years ago

Ability to customize border-radius of hamburger layers.

hamburgers - v0.1.3

Published by jonsuh over 8 years ago

Public release.