[prev in list] [next in list] [prev in thread] [next in thread] 

List:       kde-commits
Subject:    [websites/neverland/develop] less: update control-row group
From:       Ingo Malchow <imalchow () kde ! org>
Date:       2012-12-28 12:32:57
Message-ID: 20121228123257.05650A6091 () git ! kde ! org
[Download RAW message or body]

Git commit 25a6c5da64c378d0b06d6c62e1d82a808ff02091 by Ingo Malchow.
Committed on 28/12/2012 at 13:25.
Pushed by imalchow into branch 'develop'.

update control-row group

M  +28   -20   less/forms.less

http://commits.kde.org/websites/neverland/25a6c5da64c378d0b06d6c62e1d82a808ff02091

diff --git a/less/forms.less b/less/forms.less
index 50efcea..7855217 100644
--- a/less/forms.less
+++ b/less/forms.less
@@ -296,10 +296,6 @@ textarea[class*="span"],
   margin-right: 0;
 }
 
-.controls-row {
-  #grid > .input(@grid-column-width, @grid-gutter-width, @grid-row-width);
-}
-
 // Ensure input-prepend/append never wraps
 .input-append input[class*="span"],
 .input-append .uneditable-input[class*="span"],
@@ -314,21 +310,6 @@ textarea[class*="span"],
 .uneditable-input[class*="span"] {
   height: @input-height;
 }
-// Control row for multiple inputs per line
-.controls-row {
-  .clearfix(); // Clear the float from controls
-}
-
-// Float to collapse white-space for proper grid alignment
-.controls-row [class*="span"] {
-  float: left;
-}
-// Explicity set top padding on all checkboxes/radios, not just first-child
-.controls-row .checkbox[class*="span"],
-.controls-row .radio[class*="span"] {
-  padding-top: 5px;
-}
-
 
 
 
@@ -433,7 +414,6 @@ select:focus:invalid {
 
 
 
-
 // Input groups
 // --------------------------------------------------
 
@@ -542,3 +522,31 @@ select:focus:invalid {
     border-radius: 0 @border-radius-base @border-radius-base 0;
   }
 }
+
+
+
+// Horizontal forms
+// --------------------------------------------------
+
+.form-horizontal {
+
+  // Increase spacing between groups
+  .control-group {
+    margin-bottom: @line-height-base / 2;
+    .clearfix();
+  }
+
+  // Float the labels left
+  .control-group > .control-label {
+    float: left;
+    width: @component-offset-horizontal - 20;
+    padding-top: 5px;
+    text-align: right;
+  }
+
+  // Move over all input controls and content over
+  .control-group > .controls {
+    margin-left: @component-offset-horizontal;
+  }
+
+}

[prev in list] [next in list] [prev in thread] [next in thread]