72 lines
1.7 KiB
SCSS
72 lines
1.7 KiB
SCSS
|
$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;
|
||
|
|
|
||
|
|
@import "selectize.scss";
|
||
|
|
|
||
|
|
.#{$selectize}-control {
|
||
|
|
&.multi {
|
||
|
|
.#{$selectize}-input {
|
||
|
|
&.has-items {
|
||
|
|
$padding-x: $select-padding-x - 3px;
|
||
|
|
padding-left: $padding-x;
|
||
|
|
padding-right: $padding-x;
|
||
|
|
}
|
||
|
|
&.disabled [data-value] {
|
||
|
|
color: #999;
|
||
|
|
text-shadow: none;
|
||
|
|
background: none;
|
||
|
|
box-shadow: none;
|
||
|
|
|
||
|
|
&,
|
||
|
|
.remove {
|
||
|
|
border-color: #e6e6e6;
|
||
|
|
}
|
||
|
|
.remove {
|
||
|
|
background: none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
[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);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
&.single {
|
||
|
|
.#{$selectize}-input {
|
||
|
|
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);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.#{$selectize}-control.single .#{$selectize}-input,
|
||
|
|
.#{$selectize}-dropdown.single {
|
||
|
|
border-color: #b8b8b8;
|
||
|
|
}
|
||
|
|
|
||
|
|
.#{$selectize}-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;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|