$select-color-item: #1da7ee; $select-color-item-text: #fff; $select-color-item-active-text: #fff; $select-color-item-border: #0073bb; $select-color-item-active: #92c836; $select-color-item-active-border: #00578d; $select-width-item-border: 1px; $select-shadow-input: inset 0 1px 1px rgba(0,0,0,0.1) !default; $select-shadow-input-focus: inset 0 1px 2px rgba(0,0,0,0.15) !default; @import "tom-select"; @include ts-caret(); .#{$select-ns}-wrapper { display:flex; min-height:$select-line-height + ($select-padding-y*2) + ($select-border-width *2); &.multi { &.has-items .#{$select-ns}-control { $padding-x: $select-padding-x - 3px; padding-left: $padding-x; --ts-pr-min:$padding-x; } .#{$select-ns}-control { [data-value] { text-shadow: 0 1px 0 rgba(0,51,83,0.3); border-radius: 3px; @include selectize-vertical-gradient(#1da7ee, #178ee9); box-shadow: 0 1px 0 rgba(0,0,0,0.2),inset 0 1px rgba(255,255,255,0.03); &.active { @include selectize-vertical-gradient(#008fd8, #0075cf); } } } &.disabled .#{$select-ns}-control [data-value] { color: #999; text-shadow: none; background: none; box-shadow: none; &, .remove { border-color: #e6e6e6; } .remove { background: none; } } } &.single { .#{$select-ns}-control { box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.8); @include selectize-vertical-gradient(#fefefe, #f2f2f2); } } } .#{$select-ns}-wrapper.single .#{$select-ns}-control, .#{$select-ns}-dropdown.single { border-color: #b8b8b8; } .#{$select-ns}-control { .dropdown-active & { border-radius: $select-border-radius $select-border-radius 0 0; } } .#{$select-ns}-dropdown { .optgroup-header { padding-top: $select-padding-dropdown-item-y + 2px; font-weight: bold; font-size: 0.85em; } .optgroup { border-top: 1px solid $select-color-dropdown-border-top; &:first-child { border-top: 0 none; } } }