add input style

5 files changed, 79 insertions, 3 deletions

diff --git a/src/buttons.less b/src/buttons.less
index 0c29c43..b3cf357 100644
--- a/src/buttons.less
+++ b/src/buttons.less
@@ -32,8 +32,8 @@ button {
 
   &.loading {
     color: transparent !important;
-    pointer-events: none;
     position: relative;
+    pointer-events: none;
 
     &::after {
       border: 2px solid @core-color;
diff --git a/src/dist/layout.css b/src/dist/layout.css
deleted file mode 100644
index 428cfa1..0000000
--- a/src/dist/layout.css
+++ /dev/null
@@ -1 +0,0 @@
-/* Layout */
diff --git a/src/dist/type.css b/src/dist/type.css
deleted file mode 100644
index d7bacdf..0000000
--- a/src/dist/type.css
+++ /dev/null
@@ -1 +0,0 @@
-/* Type */
diff --git a/src/forms.less b/src/forms.less
new file mode 100644
index 0000000..95ed387
--- /dev/null
+++ b/src/forms.less
@@ -0,0 +1,74 @@
+// Forms
+.form-group:not(:last-child) {
+  margin-bottom: 1rem;
+}
+form,
+.form-group {
+  .label {
+    display: block;
+    margin-bottom: .5rem;
+  }
+}
+.input {
+  position: relative;
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  height: 3.2rem;
+  background-color: #fff;
+  background-image: none;
+  border: .1rem solid @control-color;
+  border-radius: 3px;
+  color: @body-font-color;
+  font-size: 1.4rem;
+  line-height: 1.6rem;
+  padding: .7rem .8rem;
+  -webkit-appearance: none;
+  outline: 0;
+
+  &:focus {
+    border-color: @core-color;
+  }
+
+  &[disabled] {
+    opacity: .75;
+    background-color: #eeeff2;
+    pointer-events: none;
+  }
+
+  // Input Small
+  &.input-sm {
+    height: 2.4rem;
+    border-radius: 2px;
+    font-size: 1.2rem;
+    line-height: 1.4rem;
+    padding: .4rem .6rem;
+  }
+
+  // Input Large
+  &.input-lg {
+    height: 4.2rem;
+    border-radius: 4px;
+    font-size: 1.8rem;
+    line-height: 2rem;
+    padding: 1rem 1.2rem;
+  }
+
+  // Input Inlines
+  &.input-inline {
+    width: auto;
+    display: inline-block;
+  }
+
+  // Status
+  &.is-success {
+    border-color: @control-color-success;
+  }
+  &.is-danger {
+    border-color: @control-color-danger;
+  }
+
+  // TODO: Input with icons
+}
+
+
diff --git a/src/variables.less b/src/variables.less
index da3b46f..c85f6b2 100644
--- a/src/variables.less
+++ b/src/variables.less
@@ -8,6 +8,10 @@
 
 // Colors
 @core-color: #5764C6;
+@control-color: #c5c5c5;
+@control-color-success: #00c372;
+@control-color-warning: #fccf42;
+@control-color-danger: #e74c3c;
 
 
 // Mixins