Add project files.

ConstructorAppUI/wwwroot/AdminTheme/build/scss/plugins/_mixins.scss

@@ -0,0 +1,74 @@
+//
+// General: Mixins
+//
+
+// Select2 Variant
+@mixin select2-variant($name, $color) {
+  .select2-#{$name} {
+
+    + .select2-container--default {
+      &.select2-container--open {
+        .select2-selection--single {
+          border-color: lighten($color, 25%);
+        }
+      }
+
+      &.select2-container--focus .select2-selection--single {
+        border-color: lighten($color, 25%);
+      }
+    }
+
+    .select2-container--default &,
+    .select2-container--default {
+      &.select2-dropdown,
+      .select2-dropdown,
+      .select2-search--inline {
+        .select2-search__field {
+          &:focus {
+            border: $input-border-width solid lighten($color, 25%);
+          }
+        }
+      }
+
+      .select2-results__option--highlighted {
+        background-color: $color;
+        color: color-yiq($color);
+
+        &[aria-selected] {
+          &,
+          &:hover {
+            background-color: darken($color, 3%);
+            color: color-yiq(darken($color, 3%));
+          }
+        }
+      }
+
+      //Multiple select
+      & {
+        .select2-selection--multiple {
+          &:focus {
+            border-color: lighten($color, 25%);
+          }
+
+          .select2-selection__choice {
+            background-color: $color;
+            border-color: darken($color, 5%);
+            color: color-yiq($color);
+          }
+
+          .select2-selection__choice__remove {
+            color: rgba(color-yiq($color), 0.7);
+
+            &:hover {
+              color: color-yiq($color);
+            }
+          }
+        }
+
+        &.select2-container--focus .select2-selection--multiple {
+          border-color: lighten($color, 25%);
+        }
+      }
+    }
+  }
+}