Merge pull request #41 from PuerkitoBio/master

fix is-withicon when used with is-grouped on controls

bulma/elements/controls.sass

@@ -183,14 +183,14 @@
   &:not(:last-child)
     margin-bottom: 10px
   &.is-withicon
-    .fa
+    & > .fa
       +fa(14px, 20px)
       color: $text-light
       left: 6px
       pointer-events: none
       position: absolute
       top: 6px
-      z-index: 1
+      z-index: 4
     .input
       padding-left: 32px
       &:focus + .fa

css/bulma.css

@@ -1080,7 +1080,7 @@ table th {
   margin-bottom: 10px;
 }
 
-.control.is-withicon .fa {
+.control.is-withicon > .fa {
   display: inline-block;
   font-size: 14px;
   height: 20px;
@@ -1093,7 +1093,7 @@ table th {
   pointer-events: none;
   position: absolute;
   top: 6px;
-  z-index: 1;
+  z-index: 4;
 }
 
 .control.is-withicon .input, .control.is-withicon .textarea {

package.json

@@ -23,7 +23,8 @@
   "devDependencies": {
     "autoprefixer": "^6.3.3",
     "captain-git-hook": "~1.0.5",
-    "node-sass": "^3.4.2"
+    "node-sass": "^3.4.2",
+    "postcss-cli": "^2.5.1"
   },
   "scripts": {
     "autoprefix": "postcss --use autoprefixer --output css/bulma.css css/bulma.css",