first commit

admin/static/scss/components/_invert.scss

@@ -0,0 +1,79 @@
+.invert {
+   height: 100%;
+
+   .form-control {
+      border-right: 0;
+      line-height: 28px;
+      padding-top: 0;
+      padding-bottom: 0;
+
+      &:focus {
+         box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); // don't use blue glow
+
+         + .input-group-addon {
+            border-color: $primary;
+            border-left-color: #ccc;
+         }
+      }
+   }
+
+   .input-group-addon {
+      padding: 0;
+      line-height: inherit;
+      cursor: pointer;
+      height: 100%;
+
+      .input {
+         display: none;
+
+         + span {
+            padding: 7px 9px;
+            font-weight: normal;
+            line-height: 1;
+            color: $white;
+            text-align: center;
+            background-color: $input-group-addon-bg;
+            position: relative;
+            right: -$input-border-width;
+            height: calc(100% + (#{$input-border-width}));
+            display: inline-flex;
+            align-items: center;
+            border-radius: 0 4px 4px 0;
+         }
+
+         &:checked + span {
+            background: $danger;
+         }
+      }
+   }
+
+   .chosen-container-multi {
+      width: 100% !important;
+
+      input {
+         max-width: 100%;
+      }
+
+      + .input-group-addon {
+         background-color: $input-border-color;
+      }
+   }
+
+   /*.chosen-container-active.chosen-with-drop .chosen-drop {
+      border: 0;
+
+      &.active {
+         border: 1px solid #aab2bd;
+      }
+   }*/
+
+   .search-field input {
+      width: 100% !important;
+   }
+
+   .chosen-choices {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+      border-right-width: 0;
+   }
+}