forms

src/_blocks_library.html

@@ -28,19 +28,10 @@
               Текст в <code>label</code>
               <input type="text" placeholder="input[type=text]">
             </label>
-            <input type="search" placeholder="input[type=search]">
-            <input type="color" placeholder="input[type=color]">
-            <input type="date" placeholder="input[type=date]">
-            <input type="time" placeholder="input[type=time]">
-            <input type="range" placeholder="input[type=range]">
-            <input type="password" placeholder="input[type=password]">
-          </div>
-          <div class="col-sm-6 col-md-4 col-lg-3">
-            <input type="month" placeholder="input[type=month]">
-            <input type="week" placeholder="input[type=week]">
-            <input type="datetime" placeholder="input[type=datetime]">
+            <input type="search" placeholder="input[type=search]" value="Поиск">
             <input type="email" placeholder="input[type=email]">
-            <input type="number" placeholder="input[type=number]">
+            <input type="password" placeholder="input[type=password]">
+            <input type="color" placeholder="input[type=color]">
             <select>
               <optgroup label="optgroup">
                 <option>Значение 1</option>
@@ -49,6 +40,15 @@
               </optgroup>
               <option>Значение 10</option>
             </select>
+            <input type="range" placeholder="input[type=range]">
+          </div>
+          <div class="col-sm-6 col-md-4 col-lg-3">
+            <input type="date" placeholder="input[type=date]">
+            <input type="time" placeholder="input[type=time]">
+            <input type="month" placeholder="input[type=month]">
+            <input type="week" placeholder="input[type=week]">
+            <input type="datetime" placeholder="input[type=datetime]">
+            <input type="number" placeholder="input[type=number]">
             <input type="file">
             <label><input type="checkbox"> text</label>
             <label><input type="radio"> text</label>

src/less/global_scaffolding.less

@@ -198,7 +198,7 @@ samp {
 code {
   color: @text-color;
   background-color: @gray-lightest;
-  padding: .2em .4em;
+  padding: .1em .3em;
   border-radius: @border-radius;
 }
 
@@ -345,17 +345,22 @@ input[type="number"],
 input[type="email"],
 input[type="url"],
 input[type="search"],
+input[type="color"],
 input[type="tel"] {
   border: 1px solid @border-color;
   border-radius: @border-radius;
   display: block;
   width: 100%;
-  height: 2em;
+  height: 2.125em; // 16 × 2.125 = 34
   line-height: @line-height;
-  padding: .2em .4em;
+  padding: .5rem .4em .2em; // вебкиты, windows...
 }
 
 select[multiple],
 textarea {
   height: auto;
 }
+
+input[type="range"] {
+  width: 100%;
+}