From 3821b22a0a471a2afa57b9d8b0b869203c003200 Mon Sep 17 00:00:00 2001
From: Yan Zhu <picturepan2@hotmail.com>
Date: Tue, 28 Feb 2017 18:41:41 +0800
Subject: ADD: Sliders experimental component

---
 src/forms.less | 30 ++++++++++++++++++++++++++----
 1 file changed, 26 insertions(+), 4 deletions(-)

(limited to 'src/forms.less')

diff --git a/src/forms.less b/src/forms.less
index a2a8b49..257438c 100644
--- a/src/forms.less
+++ b/src/forms.less
@@ -2,6 +2,7 @@
 .form-group:not(:last-child) {
   margin-bottom: 1rem;
 }
+
 // Form element: Input boxes
 .form-input {
   appearance: none;
@@ -70,7 +71,7 @@
   }
 }
 
-// Form element: Input note
+// Form element: Input hint
 .form-input-hint {
   color: @core-meta-color;
   margin-top: .4rem;
@@ -146,7 +147,8 @@
     border-color: @control-color-danger;
   }
 }
-// Form element: Checkbox and radio
+
+// Form element: Checkbox and Radio
 .form-checkbox,
 .form-radio,
 .form-switch {
@@ -260,12 +262,13 @@
     }
   }
 }
+
 // Form element: Switch
 .form-switch {
   cursor: pointer;
   display: inline-block;
   line-height: 2rem;
-  padding: .3rem 2rem .3rem 3.6rem;
+  padding: .2rem 2rem .2rem 3.6rem;
   position: relative;
 
   .form-icon {
@@ -280,7 +283,7 @@
     outline: none;
     padding: 0;
     position: absolute;
-    top: .4rem;
+    top: .3rem;
     vertical-align: top;
     width: 3rem;
     &::after {
@@ -312,6 +315,7 @@
     }
   }
 }
+
 // Form element: Input groups
 .input-group {
   display: flex;
@@ -363,3 +367,21 @@
     display: inline-flex;
   }
 }
+
+// Form Horizontal
+.form-horizontal {
+  padding: 1rem;
+
+  .form-group {
+    display: flex;
+  }
+  .form-label {
+    padding: .8rem .4rem;
+    margin-bottom: 0;
+  }
+  .form-checkbox,
+  .form-radio,
+  .form-switch {
+    margin: .4rem 0;
+  }
+}
-- 
cgit v1.3.1-23-gd82d