From cc6a7cc7faad9e581aee2b471007b9750aa5a5e2 Mon Sep 17 00:00:00 2001 From: Kevin Ross Date: Thu, 5 May 2016 13:41:57 -0500 Subject: [PATCH] work in progress - extensions --- scss/extensions/_selectize.scss | 91 +++++++++++++++++++++++++++++++++ 1 file changed, 91 insertions(+) create mode 100644 scss/extensions/_selectize.scss diff --git a/scss/extensions/_selectize.scss b/scss/extensions/_selectize.scss new file mode 100644 index 00000000..5117c321 --- /dev/null +++ b/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; +// } +//}