Added extra transition rules variable

README.md

@@ -149,6 +149,10 @@ $hamburger-animation-speed:                 1; // The timings of the animations
 $hamburger-class-name:                      'hamburger' // The main class and prefixes of the animation classes 
                                             // can be changed. This allows for different styled buttons on the 
                                             // same page.
+$hamburger-extra-transition-rules:          &; // = null. If you need extra transition rules on the base element
+                                            // you can set this variable and it gets appended. This way you don't 
+                                            // need to overwrite the plugin transition rules. Example:
+                                            // $hamburger-extra-transition-rules: box-shadow 0.15s ease-in-out;
 ```
 
 #### Select which animations to compile by variable

scss/_base.scss

@@ -25,6 +25,7 @@ div.#{$hamburger-class-name} {
 }
 
 .#{$hamburger-class-name} {
+    $base-transitions: opacity $hamburger-opacity-transition-speed $hamburger-easing, background $hamburger-background-transition-speed $hamburger-easing;
     background-color: $hamburger-background;
     border: $hamburger-border-width $hamburger-border-color solid;
     border-radius: $hamburger-border-radius;
@@ -36,7 +37,7 @@ div.#{$hamburger-class-name} {
     overflow: visible;
     padding: $hamburger-padding;
     text-transform: none;
-    transition: opacity $hamburger-opacity-transition-speed $hamburger-easing, background $hamburger-background-transition-speed $hamburger-easing;
+    transition: append($base-transitions, $hamburger-extra-transition-rules);
 
     &:hover {
         background-color: $hamburger-background-hover;

scss/_variables.scss

@@ -21,6 +21,7 @@ $hamburger-border-radius: 0 !default;
 $hamburger-bar-border-radius: 0 !default;
 $hamburger-bar-spacing: round($hamburger-size / 5) !default;
 $hamburger-animation-speed: 1 !default;
+$hamburger-extra-transition-rules: & !default;
 
 // Animation types. Use this as a variable and remove the animations
 // you don't need so they won't get compiled in your css.