select.scss in uniform-ui-2.3.2

- old
+ new

@@ -20,11 +20,11 @@
         @include position-v-center();
         right:0;
         z-index:0;
         line-height: 0;
         svg{
-            fill: color('gray');
+            fill: color('gray-darker');
             transition: transform 0.2s;
         }
     }
     &.-invert{
         background: color('gray');
@@ -34,10 +34,47 @@
             svg {
                 fill: white;
             }
         }
     }
+    .uniformSelect-selection{
+        font-size: 0.8em;
+        padding: 0.1em;
+        padding-left: 0.2em;
+        border: 1px solid color('gray');
+        background: color('gray-lighter');
+        display:inline-block;
+        border-radius: 0.25em;
+    }
+    .uniformSelect-remove{
+        display: inline-block;
+        width: 1em;
+        height: 0.8em;
+        margin-left: 0.25em;
+        position: relative;
+        &:after,
+        &:before{
+            content: "";
+            width: 1px;
+            height: 1em;
+            transform-origin: 50% 50%;
+            transform: rotate(-45deg);
+            background: color('gray');
+            position:absolute;
+            left: 50%;
+            top: 0;
+        }
+        &:before{
+            transform: rotate(45deg);
+        }
+        &:hover{
+            &:after,
+            &:before{
+                background: color('red');
+            }
+        }
+    }
 }
 
 .uniformSelect-options{
     @include text-overflow;
     position: absolute;
@@ -55,12 +92,12 @@
             background: lighten(color('blue'), 45);
         }
     }
     
     .uniformSelect-options-actions{
-        border-top: 1px solid color('gray-light');
-        border-bottom: 1px solid color('gray-light');
+        border-top: 1px solid color('gray');
+        border-bottom: 1px solid color('gray');
         background: color('background');
         padding: 0.5em;
         &:empty{
             display:none;
         }
@@ -72,11 +109,11 @@
             background: none;
         }
     }
     .uniformSelect-done{
         border-radius: 0.25em;
-        border: 1px solid color('gray-light');
+        border: 1px solid color('gray');
         background: white;
     }
 }
 .uniformSelect-option{
     position:relative;
@@ -103,10 +140,10 @@
         min-height: 100vh;
         width: 100vw;
         padding: 1em;
         button{
             margin-bottom: 0.5em;
-            border: 1px solid lighten(color('gray'), 40);
+            border: 1px solid color('gray');
             &.uniformSelect-done{
                 margin-bottom: 0;
             }
         }
         .uniformSelect-options-actions{
\ No newline at end of file