_select2.scss in spree_backend-3.0.0.rc1

- old
+ new
@@ -1,198 +1,127 @@
 .select2-container {
-  &:hover .select2-choice, &.select2-container-active .select2-choice {
-    background-color: $color-sel-hover-bg !important;
-    border-color: $color-sel-hover-bg !important;
-  }
+  display: block;
+
   .select2-choice {
-    background-image: none !important;
-    background-color: $color-sel-bg;
-    border: none !important;
-    box-shadow: none !important;
-    @include border-radius($border-radius);
-    color: $color-1 !important;
-    font-size: 90%;
-    height: 31px;
-    line-height: inherit !important;
-    padding: 5px 15px 7px;
+    height: $input-height-base;
+    line-height: 2.2;
+    border-color: $input-border;
+    background-image: none;
+    background-color: $input-bg;
 
-    span {
-      display: block;
-      padding: 2px;
+    &, .select2-arrow {
+      border-radius: $border-radius-base;
     }
 
-    .select2-search-choice-close {
-      @extend .fa;
-      @extend .fa-times;
-      margin-top: 2px;
-      font-size: 100% !important;
-      background-image: none !important;
+    .select2-arrow {
+      background-image: none;
+      background-color: $input-bg;
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+      border-left-color: $input-border;
+
+      b {
+        background-position: 0 7px;
+      }
     }
-  }
 
-  &.select2-container-active {
-    .select2-choice {
-      box-shadow: none !important;
+    .select2-chosen {
+      line-height: 36px;
+      vertical-align: middle;
+      display: inline;
     }
 
-    &.select2-dropdown-open .select2-choice div b {
-      @extend .fa-caret-up
+    abbr {
+      top: 12px;
     }
   }
 }
 
-.select2-drop {  
-  box-shadow: none !important;
-  z-index: 1000000;
-  max-width: auto !important;
-  border-top: 1px solid;
-  border-color: $color-sel-hover-bg;
+.select2-search input {
+  border-color: $input-border;
+  border-radius: $border-radius-base;
+}
 
-  &.select2-drop-above {
-    border-color: $color-sel-hover-bg;
+.select2-drop {
+  &, &.select2-drop-above {
+    border-radius: $border-radius-base;
+    box-shadow: none;
   }
 }
 
-.select2-search {
-  @extend .fa; 
-  @extend .fa-search;
-
-  font-size: 100%;
-  color: darken($color-border, 15);
-  padding: 0 9px 0 0;
-
-  &:before {
-    @extend [class^="icon-"]:before;
-
-    position: absolute;
-    top: 16px;
-    left: 13px;
+.select2-container-active {
+  &, & a {
+    box-shadow: none !important;
   }
-
-  input {
-    @extend input[type="text"];
-    margin-top: 5px;
-    margin-left: 4px;
-    padding-left: 25px;
-    padding-top: 6px;
-    padding-bottom: 6px;
-    font-family: $base-font-family;
-    font-size: 90%;
-    box-shadow: none;
-    background-image: none;
-  }
 }
 
-.select2-container .select2-choice .select2-arrow {
+.select2-dropdown-open.select2-drop-above .select2-choice, 
+.select2-dropdown-open.select2-drop-above .select2-choices {
   background-image: none;
-  background: transparent;
-  border: 0;
+}
 
-  b {
-    padding-top: 7px;
-    display: block;
-    width: 100%;
-    height: 100%;
-    background: none !important;
-    font-family: FontAwesome;
-    font-weight: 200 !important;
+.select2-dropdown-open.select2-drop-above .select2-choice {
+  border-radius: 0 0 $border-radius-base $border-radius-base;
+}
 
-    &:before {
-      content: "\f0d7";
-    }
-  }
+.select2-drop-above,
+.select2-dropdown-open.select2-drop-above .select2-choice,
+.select2-dropdown-open .select2-choice,
+.select2-drop.select2-drop-above.select2-drop-active,
+.select2-drop.select2-drop-active {
+  border-color: lighten($brand-success, 20);
 }
 
-.select2-results { 
-  padding-left: 0 !important;
+.select2-result-label {
+  color: $gray;
+}
 
-  li {
-    font-size: 85% !important;
+.select2-results .select2-highlighted {
+  background-color: $brand-primary;
 
-
-    &:nth-child(odd) {
-      background: #efefef;
-    }
-
-    &.select2-highlighted {
-      .select2-result-label {
-        &, h6 {
-          color: $color-1 !important;
-        }
-      }
-    }
-
-    .select2-result-label {
-      color: $color-body-text;
-      min-height: 22px;
-      clear: both;
-      overflow: auto;
-    }
-
-    &.select2-no-results, &.select2-searching {
-      padding: 5px;
-      background-color: transparent;
-      color: $color-body-text;
-      text-align: center;
-      font-weight: $font-weight-bold;
-      text-transform: uppercase;
-    }
+  .select2-result-label {
+    color: white;
   }
-
-  .select2-highlighted {
-    background-color: $color-sel-bg !important;
-  }
 }
 
 .select2-container-multi {
-  &.select2-container-active, &.select2-dropdown-open {
-    .select2-choices {
-      border-color: $color-sel-hover-bg !important;
-      box-shadow: none;
-      border-bottom-left-radius: 0;
-      border-bottom-right-radius: 0;
-    }
-  }
   .select2-choices {
-    @extend input[type="text"];
-    padding: 6px 3px 3px 3px;
-    box-shadow: none;
-    background-image: none !important;
+    line-height: 1.8;
+    border-color: $input-border;
+    background-image: none;
+    background-color: $input-bg;
 
     .select2-search-choice {
-      @include border-radius($border-radius);
-      margin: 0 0 3px 3px;
-      background-image: none;
-      background-color: $color-sel-bg;
-      border: none;
+      @extend .label;
+      @extend .label-info;
+
       box-shadow: none;
-      color: $color-1 !important;
-      font-size: 85%;
+      border: none;
+      background-image: none;
+      margin: 5px;
+      padding: 7px;
 
-      &:hover {
-        background-color: $color-sel-hover-bg;
-      }
-
       .select2-search-choice-close {
+        @extend .glyphicon;
+        @extend .glyphicon-remove;
+
         background-image: none !important;
-        font-size: 85% !important;
-        @extend .fa;
-        @extend .fa-times;
-        margin-left: 2px;
-        color: $color-1;
-        &:before {
-          font-size: 11px;
-        }
+        font-size: 100%;
+        color: white !important;
+        position: absolute;
+        left: 7px;
+        top: 7px;
       }
+
+      div {
+        padding-left: 15px;
+      }
     }
   }
-}
 
-label .select2-container {
-  margin-top: -6px;
-  .select2-choice {
-    span {
-      text-transform: none;
-      font-weight: normal;
+  &.select2-container-active {
+    .select2-choices {
+      box-shadow: none;
+      border-color: lighten($brand-success, 20);
     }
   }
-}
+}
\ No newline at end of file