Add built files

Author: richardvenneman

dist/css/floatl.css

@@ -4,7 +4,7 @@
 
 .floatl--active .floatl__label {
   opacity: 1;
-  top: .35em;
+  top: 1px;
 }
 
 .floatl--active.floatl--focused .floatl__label {
@@ -14,15 +14,26 @@
 .floatl__label {
   -webkit-transition: all 175ms ease-in-out 200ms;
           transition: all 175ms ease-in-out 200ms;
-  position: absolute;
-  top: .5em;
-  left: .5em;
   opacity: 0;
-  font-size: .8em;
+  position: absolute;
+  display: block;
+  top: 9px;
+  left: 6px;
+  padding: 4px 3px 3px 3px;
+  font-size: 11px;
+  line-height: 1em;
   font-weight: bold;
-  color: #a8a8a8;
+  color: #4f595f;
+  background-color: white;
+  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 80%, rgba(255, 255, 255, 0) 100%);
+  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 80%, rgba(255, 255, 255, 0) 100%);
 }
 
 .floatl__input {
-  padding: 1.2em 0.5em 0.5em 0.5em;
+  margin-top: 0;
+  margin-left: 0;
+  padding: 17px 8px 5px 8px;
+  font-size: 15px;
+  border: 1px solid #e6e6e6;
+  border-radius: 3px;
 }

dist/css/floatl.min.css

@@ -12,7 +12,7 @@ module.exports = Floatl = (function() {
   function Floatl(element) {
     this.handleChange = bind(this.handleChange, this);
     var event, i, len, ref;
-    this.element = element;
+    this.element = this.getElement(element);
     this.label = this.element.querySelectorAll('.floatl__label')[0];
     this.input = this.element.querySelectorAll('.floatl__input')[0];
     this.addEventListener(this.input, 'focus', (function(_this) {
@@ -32,6 +32,16 @@ module.exports = Floatl = (function() {
     }
   }
 
+  Floatl.prototype.getElement = function(el) {
+    if (el.tagName != null) {
+      return el;
+    } else if ((typeof jQuery !== "undefined" && jQuery !== null) && el instanceof jQuery) {
+      return el.get(0);
+    } else {
+      throw new TypeError(el + " 'is not a valid element. Valid options are: DOM Element, jQuery.'");
+    }
+  };
+
   Floatl.prototype.handleChange = function(event) {
     if (this.input.value === '') {
       return this.removeClass(this.element, ACTIVE_CLASS);