Fix #12: Do not require for= attribute

Author: anton-staroverov

scss/_mixins.scss

@@ -1,9 +1,10 @@
 @mixin float-label-container {
+  display: block;
   position: relative;
 }
 
 @mixin float-label {
-  label {
+  label, > span {
     position: absolute;
     left: 0;
     top: 0;
@@ -26,7 +27,7 @@
 }
 
 @mixin float-label-scaled {
-  &:placeholder-shown:not(:focus) + label {
+  &:placeholder-shown:not(:focus) + * {
       font-size: 150%;
       opacity: .5;
       @content;

scss/float-label.scss

@@ -18,7 +18,6 @@
     margin-bottom: 2px;
     border: 0;
     border-radius: 0;
-    background: transparent;
     border-bottom: 2px solid rgba(0,0,0,.1);
 
     @include float-label-scaled {
@@ -33,7 +32,7 @@
 
   select {
     padding-right: 1em;
-    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0 bottom .15em;
+    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .5em bottom .25em;
     background-size: 8px 10px;
   }
 }