Restore .btn-info

docs/assets/css/bootstrap.css

@@ -1733,6 +1733,18 @@ input[type="button"].btn-block {
   border-color: #449d44;
 }
 
+.btn-info {
+  background-color: #5bc0de;
+  border-color: #5bc0de;
+}
+
+.btn-info:hover,
+.btn-info:focus,
+.btn-info:active {
+  background-color: #46b8da;
+  border-color: #31b0d5;
+}
+
 .btn-link,
 .btn-link:active,
 .btn-link[disabled],

docs/css.html

@@ -1737,6 +1737,11 @@ For example, <code><section></code> should be wrapped
                 <td><code>btn btn-success</code></td>
                 <td>Indicates a successful or positive action</td>
               </tr>
+              <tr>
+                <td><button type="button" class="btn btn-info">Info</button></td>
+                <td><code>btn btn-info</code></td>
+                <td>Contextual button for informational alert messages</td>
+              </tr>
               <tr>
                 <td><button type="button" class="btn btn-warning">Warning</button></td>
                 <td><code>btn btn-warning</code></td>

docs/templates/pages/css.mustache

@@ -1676,6 +1676,11 @@ For example, <code><section></code> should be wrapped
                 <td><code>btn btn-success</code></td>
                 <td>Indicates a successful or positive action</td>
               </tr>
+              <tr>
+                <td><button type="button" class="btn btn-info">Info</button></td>
+                <td><code>btn btn-info</code></td>
+                <td>Contextual button for informational alert messages</td>
+              </tr>
               <tr>
                 <td><button type="button" class="btn btn-warning">Warning</button></td>
                 <td><code>btn btn-warning</code></td>

less/buttons.less

@@ -168,6 +168,17 @@ input[type="button"] {
         border-color: darken(@btn-border-success, 10%);
   }
 }
+// Info appears as blue-green
+.btn-info {
+  background-color: @btn-background-info;
+      border-color: @btn-border-info;
+  &:hover,
+  &:focus,
+  &:active {
+    background-color: darken(@btn-background-info, 5%);
+        border-color: darken(@btn-border-info, 10%);
+  }
+}
 
 
 // Link buttons

less/variables.less

@@ -90,6 +90,10 @@
 @btn-background-danger:              #d9534f;
 @btn-border-danger:                  @btn-background-danger;
 
+@btn-background-info:                #5bc0de;
+@btn-border-info:                    @btn-background-info;
+
+
 
 // Forms
 // -------------------------