forked from selectize/selectize.js
-
Notifications
You must be signed in to change notification settings - Fork 2
/
selectize.default.less
84 lines (78 loc) · 2.42 KB
/
selectize.default.less
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
/**
* selectize.default.css (v0.12.1) - Default Theme
* Copyright (c) 2013–2015 Brian Reavis & contributors
*
* Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
* file except in compliance with the License. You may obtain a copy of the License at:
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software distributed under
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
* ANY KIND, either express or implied. See the License for the specific language
* governing permissions and limitations under the License.
*
* @author Brian Reavis <[email protected]>
*/
@import "selectize";
@selectize-color-item: #1da7ee;
@selectize-color-item-text: #fff;
@selectize-color-item-active-text: #fff;
@selectize-color-item-border: #0073bb;
@selectize-color-item-active: #92c836;
@selectize-color-item-active-border: #00578d;
@selectize-width-item-border: 1px;
@selectize-caret-margin: 0 1px;
.@{prefix}selectize-control {
&.@{prefix}multi {
.@{prefix}selectize-input {
&.@{prefix}has-items {
@padding-x: @selectize-padding-x - 3px;
padding-left: @padding-x;
padding-right: @padding-x;
}
&.@{prefix}disabled [data-value] {
color: #999;
text-shadow: none;
background: none;
.selectize-box-shadow(none);
&, .@{prefix}remove {
border-color: #e6e6e6;
}
.@{prefix}remove {
background: none;
}
}
[data-value] {
text-shadow: 0 1px 0 rgba(0,51,83,0.3);
.selectize-border-radius(3px);
.selectize-vertical-gradient(#1da7ee, #178ee9);
.selectize-box-shadow(~"0 1px 0 rgba(0,0,0,0.2),inset 0 1px rgba(255,255,255,0.03)");
&.@{prefix}active {
.selectize-vertical-gradient(#008fd8, #0075cf);
}
}
}
}
&.@{prefix}single {
.@{prefix}selectize-input {
.selectize-box-shadow(~"0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.8)");
.selectize-vertical-gradient(#fefefe, #f2f2f2);
}
}
}
.@{prefix}selectize-control.@{prefix}single .@{prefix}selectize-input, .@{prefix}selectize-dropdown.@{prefix}single {
border-color: #b8b8b8;
}
.@{prefix}selectize-dropdown {
.@{prefix}optgroup-header {
padding-top: @selectize-padding-dropdown-item-y + 2px;
font-weight: bold;
font-size: 0.85em;
}
.@{prefix}optgroup {
border-top: 1px solid @selectize-color-dropdown-border-top;
&:first-child {
border-top: 0 none;
}
}
}