work in progress - extensions

scss/extensions/_selectize.scss

@@ -0,0 +1,91 @@
+//// Support for Selectize plugin
+//// http://brianreavis.github.io/selectize.js/
+//
+//.selectize-control.single, .selectize-control.multi {
+//  padding: 0;
+//  .selectize-input, .selectize-input.input-active {
+//
+//    cursor: text;
+//    background: transparent;
+//    box-shadow: none;
+//    border: 0;
+//    padding: 0;
+//    height: 100%;
+//    font-size: 14px;
+//    line-height: 30px;
+//    .has-items {
+//      padding: 0;
+//    }
+//    &:after {
+//      right: 5px;
+//      position: absolute;
+//      font-size: 7px;
+//      content: "\e894";
+//      font-family: "Material-Design-Icons";
+//      speak: none;
+//      font-style: normal;
+//      font-weight: normal;
+//      font-variant: normal;
+//      text-transform: none;
+//      line-height: 4;
+//      -webkit-font-smoothing: antialiased;
+//      -moz-osx-font-smoothing: grayscale;
+//    }
+//    input {
+//      font-size: 14px;
+//      outline: 0;
+//      border: 0;
+//      background: transparent;
+//    }
+//    &.bmd-label-floating-fix input {
+//      opacity: 0;
+//    }
+//    > div, > .item {
+//      display: inline-block;
+//      margin: 0 8px 3px 0;
+//      padding: 0;
+//      background: transparent;
+//      border: 0;
+//      &:after {
+//        content: ",";
+//      }
+//      &:last-of-type:after {
+//        content: "";
+//      }
+//      &.active {
+//        font-weight: bold;
+//        background: transparent;
+//        border: 0;
+//      }
+//    }
+//  }
+//  .selectize-dropdown {
+//    position: absolute;
+//    z-index: 1000;
+//    border: 0;
+//    width: 100% !important;
+//    left: 0 !important;
+//    height: auto;
+//    background-color: #FFF;
+//    box-shadow: 0 1px 3px rgba($black, 0.12), 0 1px 2px rgba($black, 0.24);
+//    border-radius: $border-radius;
+//    padding: 0;
+//    margin-top: 3px;
+//    .active {
+//      background-color: inherit;
+//    }
+//    .highlight {
+//      background-color: #d5d8ff;
+//    }
+//    .selected, .selected.active {
+//      background-color: #EEEEEE;
+//    }
+//    [data-selectable], .optgroup-header {
+//      padding: 10px 20px;
+//      cursor: pointer;
+//    }
+//  }
+//  .dropdown-active ~ .selectize-dropdown {
+//    display: block;
+//  }
+//}