Changelog for Hamburgers.
!important
for types that rely onbackground-color: transparent
.
- Change default value of
$hamburger-active-hover-opacity
to$hamburger-hover-opacity
. - Change default value of
$hamburger-active-hover-filter
to$hamburger-hover-filter
.
- Changing color of the hamburger in the active state thanks to @andreamaiolo #20
- Removed
$hamburger-hover-transition-duration
and$hamburger-hover-transition-timing-function
—types rely on custom timing, which render these useless.
- Missing
@if
statements inarrowturn
andarrowturn-r
variants #51. - Update docs with correct
yarn
install command #45. - Correct
eyeglass-module
tag inpackage.json
#48.
- Add new types:
3dxy
,3dxy-r
,arrowturn
,arrowturn-r
,minus
- Include missing and new types in
dist/example.html
. - Update dependencies and include
package-lock.json
.
- Faster animations.
- Improved accessibility documentation thanks to @scottaohara #baf5b5e.
- Eyeglass support.
- Fix
spin-r
’s.is-active::after
rotation. See jonsuh#28.
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 {
}
}
- 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 innode_modules
orbower_components
.)
- Top positioning bug for Elastic and Slider (#13fa295).
-
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
-
Supports and favors more accessible and semantic markup:
<button class="hamburger" type="button"> <span class="hamburger-box"> <span class="hamburger-inner"></span> </span> </button>
- Bower support.
- Ability to customize
border-radius
of hamburger layers.
- Public release.