Update bootstrap, update/add all of PatternFly, add font-awesome

[cascardo/ipsilon.git] / less / patternfly / search.less

diff --git a/less/patternfly/search.less b/less/patternfly/search.less
new file mode 100644 (file)
index 0000000..7fde3be
--- /dev/null
+++ b/less/patternfly/search.less
@@ -0,0 +1,65 @@
+//
+// Search
+// --------------------------------------------------
+
+.search-pf {
+  &.has-button {
+    border-collapse: separate;
+    display: table;
+    .form-group {
+      display: table-cell;
+      width: 100%;
+      .btn {
+        .box-shadow(none);
+        float: left;
+        margin-left: -1px;
+        &.btn-lg {
+          font-size: @font-size-large + .5; // to make button height consistent across browsers!
+        }
+        &.btn-sm {
+          font-size: @font-size-small - .3; // to make button height consistent across browsers!
+        }
+      }
+      .form-control {
+        float: left;
+      }
+    }
+  }
+  .has-clear {
+    .clear {
+      background: transparent; // IE8
+      background: rgba(255,255,255,0); // to make the whole button clickable in IE9+ 
+      border: 0;
+      height: @input-height-base - 1;
+      line-height: 1;
+      padding: 0;
+      position: absolute;
+      right: 1px;
+      top: 1px;
+      width: 28px;
+      &:focus {
+        outline: none;
+      }
+    }
+    .form-control {
+      padding-right: 30px;
+      &::-ms-clear {
+        display: none;
+      }
+    }
+    .input-lg + .clear {
+      height: @input-height-large - 2;
+      width: 28px;
+    }
+    .input-sm  + .clear {
+      height: @input-height-small - 2;
+      width: 28px;
+      span {
+        font-size: @font-size-base - 2;
+      }
+    }
+    .search-pf-input-group {
+      position: relative;
+    }
+  }
+}
\ No newline at end of file