Merge pull request #248 from jasontipton/patch-1

Adding <select multiple> styles
GumbyFramework · Feb 15, 2015 · abee447 · abee447
2 parents 54725a6 + 537c52f
commit abee447
Showing 1 changed file with 32 additions and 0 deletions.
diff --git a/sass/ui/_forms.scss b/sass/ui/_forms.scss
@@ -390,3 +390,35 @@ label + {
   }
 }
 
+/* Form Multi-picker Element (<select> multiple) */
+.multi-picker {
+  position: relative;
+  width: auto;
+  display: inline-block;
+  margin: 0 0 2px 1.2%;
+  overflow: hidden;
+  border: 1px solid darken($default-color, 5%);
+  @include border-radius(4px);
+  font-family: $font-family;
+  font-weight: $font-weight-semibold;
+  height: auto;
+  &:first-child {
+    margin-left: 0;
+  }
+  select[multiple] {
+    position: relative;
+    display: block;
+    min-width: 100%;
+    width: 100%;
+    height: auto;
+    padding: 6px 20px 6px 15px;
+    color: $body-font-color;
+    border: none;
+    background: #fff;
+    outline: none;
+    -webkit-appearance: none;
+    z-index: 99;
+    cursor: pointer;
+    @include font-size($norm);
+  }
+}