v1.0.1

mrmlnc · Feb 16, 2015 · 4c4ab30 · 4c4ab30
1 parent f220c63
commit 4c4ab30
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 17 deletions.
diff --git a/README.md b/README.md
@@ -62,6 +62,14 @@ You can change the settings:
 How to use
 --------------
 
+**HTML:**
+
+````HTML
+<button class="navigation-toggle" data-tools="collapse" data-target="#globalNavbar">
+  <span class="menu-icon"></span>
+</button>
+```
+
 **Less:**
 
 Required mixin of settings `.hamburger-settings()`.

diff --git a/bower.json b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "hamburger-icon",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "authors": [
     "Denis Malinochkin <dmalinochkin@land.ru>"
   ],

diff --git a/hamburger-icon.less b/hamburger-icon.less
@@ -2,7 +2,7 @@
 //
 // Name:           Hamburger Icon
 // Description:    Mixins for creating hamburger icons.
-// Version:        1.0.0
+// Version:        1.0.1
 //
 // Author:         Denis Malinochkin
 // Git:            https://github.com/mrmlnc/hamburger-icon
@@ -71,9 +71,7 @@
 // Hamburger Animation
 // ------------------------------------------------------------------------
 .hamburger-animation() {
-  & {
-    background-color: transparent;
-  }
+  background-color: transparent;
 
   &:before {
     transform: translateY(@hamburger-gutter + @hamburger-height) rotate(45deg);
@@ -82,4 +80,4 @@
   &:after {
     transform: translateY(-(@hamburger-gutter + @hamburger-height)) rotate(-45deg);
   }
-}
+}
diff --git a/hamburger-icon.scss b/hamburger-icon.scss
@@ -2,7 +2,7 @@
 //
 // Name:           Hamburger Icon
 // Description:    Mixins for creating hamburger icons.
-// Version:        1.0.0
+// Version:        1.0.1
 //
 // Author:         Denis Malinochkin
 // Git:            https://github.com/mrmlnc/hamburger-icon
@@ -11,7 +11,7 @@
 //
 // ========================================================================
 
-// Hamburger Settins
+// Hamburger Settings
 // ------------------------------------------------------------------------
 $hamburger-settings: () !default;
 
@@ -67,10 +67,7 @@ $hamburger-settings: () !default;
 @mixin hamburger-animation {
   $height: nth($hamburger-settings, 1);
   $gutter: nth($hamburger-settings, 2);
-
-  & {
-    background-color: transparent;
-  }
+  background-color: transparent;
 
   &:before {
     transform: translateY($gutter + $height) rotate(45deg);

diff --git a/hamburger-icon.styl b/hamburger-icon.styl
@@ -2,7 +2,7 @@
 //
 // Name:           Hamburger Icon
 // Description:    Mixins for creating hamburger icons.
-// Version:        1.0.0
+// Version:        1.0.1
 //
 // Author:         Denis Malinochkin
 // Git:            https://github.com/mrmlnc/hamburger-icon
@@ -11,7 +11,7 @@
 //
 // ========================================================================
 
-// Hamburger Settins
+// Hamburger Settings
 // ------------------------------------------------------------------------
 $hamburger-settings = ();
 
@@ -61,9 +61,7 @@ hamburger-generator($width = 32px, $height = 3px, $gutter = 5px, $color = #000,
 hamburger-animation()
   $height = $hamburger-settings[0]
   $gutter = $hamburger-settings[1]
-
-  &
-    background-color: transparent
+  background-color: transparent
 
   &:before
     transform: translateY($gutter + $height) rotate(45deg)