chosen-rails 1.5.2 → 1.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,6 +1,5 @@
1
1
  //= depend_on_asset "chosen-sprite.png"
2
2
  //= depend_on_asset "chosen-sprite@2x.png"
3
-
4
3
  $chosen-sprite: image-url('chosen-sprite.png') !default;
5
4
  $chosen-sprite-retina: image-url('chosen-sprite@2x.png') !default;
6
5
 
@@ -10,21 +9,25 @@ $chosen-sprite-retina: image-url('chosen-sprite@2x.png') !default;
10
9
  display: inline-block;
11
10
  vertical-align: middle;
12
11
  font-size: 13px;
12
+ user-select: none;
13
13
  * {
14
+ box-sizing: border-box;
14
15
  }
15
16
  .chosen-drop {
16
17
  position: absolute;
17
18
  top: 100%;
18
- left: -9999px;
19
19
  z-index: 1010;
20
20
  width: 100%;
21
21
  border: 1px solid #aaa;
22
22
  border-top: 0;
23
23
  background: #fff;
24
24
  box-shadow: 0 4px 5px rgba(#000,.15);
25
+ clip: rect(0,0,0,0);
26
+ clip-path: inset(100% 100%);
25
27
  }
26
28
  &.chosen-with-drop .chosen-drop {
27
- left: 0;
29
+ clip: auto;
30
+ clip-path: none;
28
31
  }
29
32
  a{
30
33
  cursor: pointer;
@@ -59,6 +62,7 @@ $chosen-sprite-retina: image-url('chosen-sprite@2x.png') !default;
59
62
  border: 1px solid #aaa;
60
63
  border-radius: 5px;
61
64
  background-color: #fff;
65
+ background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
62
66
  background-clip: padding-box;
63
67
  box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(#000,.1);
64
68
  color: #444;
@@ -115,6 +119,7 @@ $chosen-sprite-retina: image-url('chosen-sprite@2x.png') !default;
115
119
  margin: 0;
116
120
  padding: 3px 4px;
117
121
  white-space: nowrap;
122
+
118
123
  input[type="text"] {
119
124
  margin: 1px 0;
120
125
  padding: 4px 20px 4px 5px;
@@ -122,7 +127,7 @@ $chosen-sprite-retina: image-url('chosen-sprite@2x.png') !default;
122
127
  height: auto;
123
128
  outline: 0;
124
129
  border: 1px solid #aaa;
125
- background: #fff $chosen-sprite no-repeat 100% -20px;
130
+ background: $chosen-sprite no-repeat 100% -20px;
126
131
  font-size: 1em;
127
132
  font-family: sans-serif;
128
133
  line-height: normal;
@@ -136,7 +141,8 @@ $chosen-sprite-retina: image-url('chosen-sprite@2x.png') !default;
136
141
  }
137
142
  &.chosen-container-single-nosearch .chosen-search {
138
143
  position: absolute;
139
- left: -9999px;
144
+ clip: rect(0,0,0,0);
145
+ clip-path: inset(100% 100%);
140
146
  }
141
147
  }
142
148
  /* @end */
@@ -170,6 +176,7 @@ $chosen-sprite-retina: image-url('chosen-sprite@2x.png') !default;
170
176
  }
171
177
  &.highlighted {
172
178
  background-color: #3875d7;
179
+ background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
173
180
  color: #fff;
174
181
  }
175
182
  &.no-results {
@@ -204,6 +211,7 @@ $chosen-sprite-retina: image-url('chosen-sprite@2x.png') !default;
204
211
  height: auto;
205
212
  border: 1px solid #aaa;
206
213
  background-color: #fff;
214
+ background-image: linear-gradient(#eee 1%, #fff 15%);
207
215
  cursor: text;
208
216
  }
209
217
  .chosen-choices li {
@@ -226,6 +234,7 @@ $chosen-sprite-retina: image-url('chosen-sprite@2x.png') !default;
226
234
  font-family: sans-serif;
227
235
  line-height: normal;
228
236
  border-radius: 0;
237
+ width: 25px;
229
238
  }
230
239
  }
231
240
  &.search-choice {
@@ -236,6 +245,7 @@ $chosen-sprite-retina: image-url('chosen-sprite@2x.png') !default;
236
245
  max-width: 100%;
237
246
  border-radius: 3px;
238
247
  background-color: #eeeeee;
248
+ background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
239
249
  background-size: 100% 19px;
240
250
  background-repeat: repeat-x;
241
251
  background-clip: padding-box;
@@ -264,6 +274,7 @@ $chosen-sprite-retina: image-url('chosen-sprite@2x.png') !default;
264
274
  padding-right: 5px;
265
275
  border: 1px solid #ccc;
266
276
  background-color: #e4e4e4;
277
+ background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
267
278
  color: #666;
268
279
  }
269
280
  &.search-choice-focus {
@@ -298,6 +309,7 @@ $chosen-sprite-retina: image-url('chosen-sprite@2x.png') !default;
298
309
  border-bottom-right-radius: 0;
299
310
  -moz-border-radius-bottomleft: 0;
300
311
  border-bottom-left-radius: 0;
312
+ background-image: linear-gradient(#eee 20%, #fff 80%);
301
313
  box-shadow: 0 1px 0 #fff inset;
302
314
  }
303
315
  .chosen-single div {
@@ -368,10 +380,6 @@ $chosen-sprite-retina: image-url('chosen-sprite@2x.png') !default;
368
380
  }
369
381
  }
370
382
  }
371
- &.chosen-container-single-nosearch .chosen-search,
372
- .chosen-drop {
373
- left: 9999px;
374
- }
375
383
  &.chosen-container-single .chosen-results {
376
384
  margin: 0 0 4px 4px;
377
385
  padding: 0 4px 0 0;
@@ -385,7 +393,7 @@ $chosen-sprite-retina: image-url('chosen-sprite@2x.png') !default;
385
393
  }
386
394
  .chosen-search input[type="text"] {
387
395
  padding: 4px 5px 4px 20px;
388
- background: #fff $chosen-sprite no-repeat -30px -20px;
396
+ background: $chosen-sprite no-repeat -30px -20px;
389
397
  direction: rtl;
390
398
  }
391
399
  &.chosen-container-single{
@@ -1,59 +1,425 @@
1
- @import "chosen-base";
2
-
3
- //= depend_on_asset "chosen-sprite.png"
4
- //= depend_on_asset "chosen-sprite@2x.png"
5
-
6
1
  $chosen-sprite: image-url('chosen-sprite.png') !default;
7
2
  $chosen-sprite-retina: image-url('chosen-sprite@2x.png') !default;
8
3
 
4
+ /* @group Base */
9
5
  .chosen-container {
6
+ position: relative;
7
+ display: inline-block;
8
+ vertical-align: middle;
9
+ font-size: 13px;
10
10
  user-select: none;
11
11
  * {
12
12
  box-sizing: border-box;
13
13
  }
14
+ .chosen-drop {
15
+ position: absolute;
16
+ top: 100%;
17
+ z-index: 1010;
18
+ width: 100%;
19
+ border: 1px solid #aaa;
20
+ border-top: 0;
21
+ background: #fff;
22
+ box-shadow: 0 4px 5px rgba(#000,.15);
23
+ clip: rect(0,0,0,0);
24
+ clip-path: inset(100% 100%);
25
+ }
26
+ &.chosen-with-drop .chosen-drop {
27
+ clip: auto;
28
+ clip-path: none;
29
+ }
30
+ a{
31
+ cursor: pointer;
32
+ }
33
+
34
+ .search-choice, .chosen-single{
35
+ .group-name{
36
+ margin-right: 4px;
37
+ overflow: hidden;
38
+ white-space: nowrap;
39
+ text-overflow: ellipsis;
40
+ font-weight: normal;
41
+ color: #999999;
42
+ &:after {
43
+ content: ":";
44
+ padding-left: 2px;
45
+ vertical-align: top;
46
+ }
47
+ }
48
+ }
14
49
  }
50
+ /* @end */
15
51
 
16
- .chosen-container-single {
52
+ /* @group Single Chosen */
53
+ .chosen-container-single{
17
54
  .chosen-single {
55
+ position: relative;
56
+ display: block;
57
+ overflow: hidden;
58
+ padding: 0 0 0 8px;
59
+ height: 25px;
60
+ border: 1px solid #aaa;
61
+ border-radius: 5px;
62
+ background-color: #fff;
18
63
  background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
64
+ background-clip: padding-box;
65
+ box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(#000,.1);
66
+ color: #444;
67
+ text-decoration: none;
68
+ white-space: nowrap;
69
+ line-height: 24px;
70
+ }
71
+ .chosen-default {
72
+ color: #999;
73
+ }
74
+ .chosen-single span {
75
+ display: block;
76
+ overflow: hidden;
77
+ margin-right: 26px;
78
+ text-overflow: ellipsis;
79
+ white-space: nowrap;
80
+ }
81
+ .chosen-single-with-deselect span {
82
+ margin-right: 38px;
83
+ }
84
+ .chosen-single abbr {
85
+ position: absolute;
86
+ top: 6px;
87
+ right: 26px;
88
+ display: block;
89
+ width: 12px;
90
+ height: 12px;
91
+ background: $chosen-sprite -42px 1px no-repeat;
92
+ font-size: 1px;
93
+ &:hover {
94
+ background-position: -42px -10px;
95
+ }
96
+ }
97
+ &.chosen-disabled .chosen-single abbr:hover {
98
+ background-position: -42px -10px;
99
+ }
100
+ .chosen-single div {
101
+ position: absolute;
102
+ top: 0;
103
+ right: 0;
104
+ display: block;
105
+ width: 18px;
106
+ height: 100%;
107
+ b {
108
+ display: block;
109
+ width: 100%;
110
+ height: 100%;
111
+ background: $chosen-sprite no-repeat 0px 2px;
112
+ }
19
113
  }
20
114
  .chosen-search {
21
- background: $chosen-sprite no-repeat 100% -20px;
115
+ position: relative;
116
+ z-index: 1010;
117
+ margin: 0;
118
+ padding: 3px 4px;
119
+ white-space: nowrap;
120
+
121
+ input[type="text"] {
122
+ margin: 1px 0;
123
+ padding: 4px 20px 4px 5px;
124
+ width: 100%;
125
+ height: auto;
126
+ outline: 0;
127
+ border: 1px solid #aaa;
128
+ background: $chosen-sprite no-repeat 100% -20px;
129
+ font-size: 1em;
130
+ font-family: sans-serif;
131
+ line-height: normal;
132
+ border-radius: 0;
133
+ }
134
+ }
135
+ .chosen-drop {
136
+ margin-top: -1px;
137
+ border-radius: 0 0 4px 4px;
138
+ background-clip: padding-box;
139
+ }
140
+ &.chosen-container-single-nosearch .chosen-search {
141
+ position: absolute;
142
+ clip: rect(0,0,0,0);
143
+ clip-path: inset(100% 100%);
22
144
  }
23
145
  }
146
+ /* @end */
24
147
 
148
+ /* @group Results */
25
149
  .chosen-container .chosen-results {
150
+ color: #444;
151
+ position: relative;
152
+ overflow-x: hidden;
153
+ overflow-y: auto;
154
+ margin: 0 4px 4px 0;
155
+ padding: 0 0 0 4px;
156
+ max-height: 240px;
157
+ -webkit-overflow-scrolling: touch;
26
158
  li {
159
+ display: none;
160
+ margin: 0;
161
+ padding: 5px 6px;
162
+ list-style: none;
163
+ line-height: 15px;
164
+ word-wrap: break-word;
165
+ -webkit-touch-callout: none;
166
+ &.active-result {
167
+ display: list-item;
168
+ cursor: pointer;
169
+ }
170
+ &.disabled-result {
171
+ display: list-item;
172
+ color: #ccc;
173
+ cursor: default;
174
+ }
27
175
  &.highlighted {
176
+ background-color: #3875d7;
28
177
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
178
+ color: #fff;
179
+ }
180
+ &.no-results {
181
+ color: #777;
182
+ display: list-item;
183
+ background: #f4f4f4;
184
+ }
185
+ &.group-result {
186
+ display: list-item;
187
+ font-weight: bold;
188
+ cursor: default;
189
+ }
190
+ &.group-option {
191
+ padding-left: 15px;
192
+ }
193
+ em {
194
+ font-style: normal;
195
+ text-decoration: underline;
29
196
  }
30
197
  }
31
198
  }
199
+ /* @end */
32
200
 
33
- .chosen-container-multi {
201
+ /* @group Multi Chosen */
202
+ .chosen-container-multi{
34
203
  .chosen-choices {
204
+ position: relative;
205
+ overflow: hidden;
206
+ margin: 0;
207
+ padding: 0 5px;
208
+ width: 100%;
209
+ height: auto;
210
+ border: 1px solid #aaa;
211
+ background-color: #fff;
35
212
  background-image: linear-gradient(#eee 1%, #fff 15%);
213
+ cursor: text;
36
214
  }
37
215
  .chosen-choices li {
216
+ float: left;
217
+ list-style: none;
218
+ &.search-field {
219
+ margin: 0;
220
+ padding: 0;
221
+ white-space: nowrap;
222
+ input[type="text"] {
223
+ margin: 1px 0;
224
+ padding: 0;
225
+ height: 25px;
226
+ outline: 0;
227
+ border: 0 !important;
228
+ background: transparent !important;
229
+ box-shadow: none;
230
+ color: #999;
231
+ font-size: 100%;
232
+ font-family: sans-serif;
233
+ line-height: normal;
234
+ border-radius: 0;
235
+ width: 25px;
236
+ }
237
+ }
38
238
  &.search-choice {
239
+ position: relative;
240
+ margin: 3px 5px 3px 0;
241
+ padding: 3px 20px 3px 5px;
242
+ border: 1px solid #aaa;
243
+ max-width: 100%;
244
+ border-radius: 3px;
245
+ background-color: #eeeeee;
39
246
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
247
+ background-size: 100% 19px;
248
+ background-repeat: repeat-x;
249
+ background-clip: padding-box;
250
+ box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(#000,.05);
251
+ color: #333;
252
+ line-height: 13px;
253
+ cursor: default;
254
+ span {
255
+ word-wrap: break-word;
256
+ }
257
+ .search-choice-close {
258
+ position: absolute;
259
+ top: 4px;
260
+ right: 3px;
261
+ display: block;
262
+ width: 12px;
263
+ height: 12px;
264
+ background: $chosen-sprite -42px 1px no-repeat;
265
+ font-size: 1px;
266
+ &:hover {
267
+ background-position: -42px -10px;
268
+ }
269
+ }
40
270
  }
41
271
  &.search-choice-disabled {
272
+ padding-right: 5px;
273
+ border: 1px solid #ccc;
274
+ background-color: #e4e4e4;
42
275
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
276
+ color: #666;
277
+ }
278
+ &.search-choice-focus {
279
+ background: #d4d4d4;
280
+ .search-choice-close {
281
+ background-position: -42px -10px;
282
+ }
43
283
  }
44
284
  }
285
+ .chosen-results {
286
+ margin: 0;
287
+ padding: 0;
288
+ }
289
+ .chosen-drop .result-selected {
290
+ display: list-item;
291
+ color: #ccc;
292
+ cursor: default;
293
+ }
45
294
  }
295
+ /* @end */
46
296
 
47
- .chosen-container-active {
297
+ /* @group Active */
298
+ .chosen-container-active{
299
+ .chosen-single {
300
+ border: 1px solid #5897fb;
301
+ box-shadow: 0 0 5px rgba(#000,.3);
302
+ }
48
303
  &.chosen-with-drop{
49
304
  .chosen-single {
305
+ border: 1px solid #aaa;
306
+ -moz-border-radius-bottomright: 0;
307
+ border-bottom-right-radius: 0;
308
+ -moz-border-radius-bottomleft: 0;
309
+ border-bottom-left-radius: 0;
50
310
  background-image: linear-gradient(#eee 20%, #fff 80%);
311
+ box-shadow: 0 1px 0 #fff inset;
312
+ }
313
+ .chosen-single div {
314
+ border-left: none;
315
+ background: transparent;
316
+ b {
317
+ background-position: -18px 2px;
318
+ }
319
+ }
320
+ }
321
+ .chosen-choices {
322
+ border: 1px solid #5897fb;
323
+ box-shadow: 0 0 5px rgba(#000,.3);
324
+ li.search-field input[type="text"] {
325
+ color: #222 !important;
51
326
  }
52
327
  }
53
328
  }
329
+ /* @end */
330
+
331
+ /* @group Disabled Support */
332
+ .chosen-disabled {
333
+ opacity: 0.5 !important;
334
+ cursor: default;
335
+ .chosen-single {
336
+ cursor: default;
337
+ }
338
+ .chosen-choices .search-choice .search-choice-close {
339
+ cursor: default;
340
+ }
341
+ }
342
+ /* @end */
54
343
 
344
+ /* @group Right to Left */
55
345
  .chosen-rtl {
346
+ text-align: right;
347
+ .chosen-single {
348
+ overflow: visible;
349
+ padding: 0 8px 0 0;
350
+ }
351
+ .chosen-single span {
352
+ margin-right: 0;
353
+ margin-left: 26px;
354
+ direction: rtl;
355
+ }
356
+ .chosen-single-with-deselect span {
357
+ margin-left: 38px;
358
+ }
359
+ .chosen-single div {
360
+ right: auto;
361
+ left: 3px;
362
+ }
363
+ .chosen-single abbr {
364
+ right: auto;
365
+ left: 26px;
366
+ }
367
+ .chosen-choices li {
368
+ float: right;
369
+ &.search-field input[type="text"] {
370
+ direction: rtl;
371
+ }
372
+ &.search-choice {
373
+ margin: 3px 5px 3px 0;
374
+ padding: 3px 5px 3px 19px;
375
+ .search-choice-close {
376
+ right: auto;
377
+ left: 4px;
378
+ }
379
+ }
380
+ }
381
+ &.chosen-container-single .chosen-results {
382
+ margin: 0 0 4px 4px;
383
+ padding: 0 4px 0 0;
384
+ }
385
+ .chosen-results li.group-option {
386
+ padding-right: 15px;
387
+ padding-left: 0;
388
+ }
389
+ &.chosen-container-active.chosen-with-drop .chosen-single div {
390
+ border-right: none;
391
+ }
56
392
  .chosen-search input[type="text"] {
393
+ padding: 4px 5px 4px 20px;
57
394
  background: $chosen-sprite no-repeat -30px -20px;
395
+ direction: rtl;
396
+ }
397
+ &.chosen-container-single{
398
+ .chosen-single div b {
399
+ background-position: 6px 2px;
400
+ }
401
+ &.chosen-with-drop{
402
+ .chosen-single div b {
403
+ background-position: -12px 2px;
404
+ }
405
+ }
406
+ }
407
+ }
408
+
409
+ /* @end */
410
+
411
+ /* @group Retina compatibility */
412
+ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
413
+ .chosen-rtl .chosen-search input[type="text"],
414
+ .chosen-container-single .chosen-single abbr,
415
+ .chosen-container-single .chosen-single div b,
416
+ .chosen-container-single .chosen-search input[type="text"],
417
+ .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
418
+ .chosen-container .chosen-results-scroll-down span,
419
+ .chosen-container .chosen-results-scroll-up span {
420
+ background-image: $chosen-sprite-retina !important;
421
+ background-size: 52px 37px !important;
422
+ background-repeat: no-repeat !important;
58
423
  }
59
424
  }
425
+ /* @end */
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: chosen-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.5.2
4
+ version: 1.10.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Tse-Ching Ho
8
- autorequire:
8
+ autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2016-04-19 00:00:00.000000000 Z
11
+ date: 2022-01-27 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: railties
@@ -39,19 +39,19 @@ dependencies:
39
39
  - !ruby/object:Gem::Version
40
40
  version: '3.2'
41
41
  - !ruby/object:Gem::Dependency
42
- name: sass-rails
42
+ name: sassc-rails
43
43
  requirement: !ruby/object:Gem::Requirement
44
44
  requirements:
45
45
  - - ">="
46
46
  - !ruby/object:Gem::Version
47
- version: '3.2'
47
+ version: 2.1.2
48
48
  type: :runtime
49
49
  prerelease: false
50
50
  version_requirements: !ruby/object:Gem::Requirement
51
51
  requirements:
52
52
  - - ">="
53
53
  - !ruby/object:Gem::Version
54
- version: '3.2'
54
+ version: 2.1.2
55
55
  - !ruby/object:Gem::Dependency
56
56
  name: bundler
57
57
  requirement: !ruby/object:Gem::Requirement
@@ -125,13 +125,12 @@ files:
125
125
  - vendor/assets/javascripts/lib/abstract-chosen.coffee
126
126
  - vendor/assets/javascripts/lib/select-parser.coffee
127
127
  - vendor/assets/stylesheets/chosen-base.scss
128
- - vendor/assets/stylesheets/chosen-compass.scss
129
128
  - vendor/assets/stylesheets/chosen.scss
130
129
  homepage: https://github.com/tsechingho/chosen-rails
131
130
  licenses:
132
131
  - MIT
133
132
  metadata: {}
134
- post_install_message:
133
+ post_install_message:
135
134
  rdoc_options: []
136
135
  require_paths:
137
136
  - lib
@@ -146,9 +145,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
146
145
  - !ruby/object:Gem::Version
147
146
  version: '0'
148
147
  requirements: []
149
- rubyforge_project:
150
- rubygems_version: 2.5.1
151
- signing_key:
148
+ rubygems_version: 3.2.22
149
+ signing_key:
152
150
  specification_version: 4
153
151
  summary: Integrate Chosen javascript library with Rails asset pipeline
154
152
  test_files: []
@@ -1,63 +0,0 @@
1
- @import "chosen-base";
2
-
3
- @import "compass/css3/box-sizing";
4
- @import "compass/css3/images";
5
- @import "compass/css3/user-interface";
6
-
7
- //= depend_on_asset "chosen-sprite.png"
8
- //= depend_on_asset "chosen-sprite@2x.png"
9
-
10
- $chosen-sprite: image-url('chosen-sprite.png') !default;
11
- $chosen-sprite-retina: image-url('chosen-sprite@2x.png') !default;
12
-
13
- .chosen-container {
14
- @include user-select(none);
15
- * {
16
- @include box-sizing(border-box);
17
- }
18
- }
19
-
20
- .chosen-container-single{
21
- .chosen-single {
22
- @include background(linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%));
23
- }
24
- .chosen-search {
25
- @include background($chosen-sprite no-repeat 100% -20px);
26
- }
27
- }
28
-
29
- .chosen-container .chosen-results {
30
- li {
31
- &.highlighted {
32
- @include background-image(linear-gradient(#3875d7 20%, #2a62bc 90%));
33
- }
34
- }
35
- }
36
-
37
- .chosen-container-multi{
38
- .chosen-choices {
39
- @include background-image(linear-gradient(#eee 1%, #fff 15%));
40
- }
41
- .chosen-choices li {
42
- &.search-choice {
43
- @include background-image(linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%));
44
- }
45
- &.search-choice-disabled {
46
- @include background-image(linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%));
47
- }
48
- }
49
- }
50
-
51
- .chosen-container-active{
52
- &.chosen-with-drop{
53
- .chosen-single {
54
- @include background-image(linear-gradient(#eee 20%, #fff 80%));
55
- }
56
- }
57
- }
58
-
59
- .chosen-rtl {
60
- .chosen-search input[type="text"] {
61
- @include background($chosen-sprite no-repeat -30px -20px);
62
- }
63
- }