semantic-ui-sass 2.1.6.0 → 2.1.8.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (57) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +4 -0
  3. data/README.md +2 -0
  4. data/app/assets/javascripts/semantic-ui/api.js +22 -16
  5. data/app/assets/javascripts/semantic-ui/checkbox.js +4 -4
  6. data/app/assets/javascripts/semantic-ui/popup.js +7 -3
  7. data/app/assets/javascripts/semantic-ui/search.js +36 -11
  8. data/app/assets/javascripts/semantic-ui/transition.js +1 -1
  9. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +2 -2
  10. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +42 -47
  11. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +32 -32
  12. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +75 -74
  13. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +51 -51
  14. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +61 -61
  15. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +284 -284
  16. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +1 -1
  17. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +2 -2
  18. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +10 -2
  19. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +41 -41
  20. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +55 -55
  21. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
  22. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +13 -13
  23. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +115 -115
  24. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +3 -3
  25. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +3 -3
  26. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +1 -1
  27. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +1 -1
  28. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +47 -47
  29. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +12 -12
  30. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +1 -1
  31. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +6 -6
  32. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +2 -2
  33. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +19 -19
  34. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +3 -3
  35. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +20 -20
  36. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +4 -4
  37. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +9 -9
  38. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +4 -4
  39. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +14 -14
  40. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +45 -45
  41. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +9 -9
  42. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +47 -14
  43. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +2 -2
  44. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +16 -18
  45. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +1 -1
  46. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +1 -1
  47. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +1 -1
  48. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +2 -2
  49. data/app/assets/stylesheets/semantic-ui/views/_card.scss +35 -35
  50. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +1 -1
  51. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +3 -3
  52. data/app/assets/stylesheets/semantic-ui/views/_item.scss +5 -5
  53. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +26 -26
  54. data/app/helpers/semantic_icon_helper.rb +2 -2
  55. data/lib/semantic/ui/sass/version.rb +2 -2
  56. data/spec/helpers/semantic_icon_helper_spec.rb +16 -0
  57. metadata +2 -2
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.1.6 - Progress Bar
2
+ * # Semantic UI 2.1.7 - Progress Bar
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -95,25 +95,25 @@
95
95
  /* Indicating */
96
96
  .ui.indicating.progress[data-percent^="1"] .bar,
97
97
  .ui.indicating.progress[data-percent^="2"] .bar {
98
- background-color: #D95C5C;
98
+ background-color: #d95c5c;
99
99
  }
100
100
  .ui.indicating.progress[data-percent^="3"] .bar {
101
- background-color: #EFBC72;
101
+ background-color: #efbc72;
102
102
  }
103
103
  .ui.indicating.progress[data-percent^="4"] .bar,
104
104
  .ui.indicating.progress[data-percent^="5"] .bar {
105
- background-color: #E6BB48;
105
+ background-color: #e6bb48;
106
106
  }
107
107
  .ui.indicating.progress[data-percent^="6"] .bar {
108
- background-color: #DDC928;
108
+ background-color: #ddc928;
109
109
  }
110
110
  .ui.indicating.progress[data-percent^="7"] .bar,
111
111
  .ui.indicating.progress[data-percent^="8"] .bar {
112
- background-color: #B4D95C;
112
+ background-color: #b4d95c;
113
113
  }
114
114
  .ui.indicating.progress[data-percent^="9"] .bar,
115
115
  .ui.indicating.progress[data-percent^="100"] .bar {
116
- background-color: #66DA81;
116
+ background-color: #66da81;
117
117
  }
118
118
 
119
119
  /* Indicating Label */
@@ -150,7 +150,7 @@
150
150
  .ui.indicating.progress[data-percent="7"] .bar,
151
151
  .ui.indicating.progress[data-percent="8"] .bar,
152
152
  .ui.indicating.progress[data-percent="9"] .bar {
153
- background-color: #D95C5C;
153
+ background-color: #d95c5c;
154
154
  }
155
155
  .ui.indicating.progress[data-percent="1"] .label,
156
156
  .ui.indicating.progress[data-percent="2"] .label,
@@ -166,7 +166,7 @@
166
166
 
167
167
  /* Indicating Success */
168
168
  .ui.indicating.progress.success .label {
169
- color: #1A531B;
169
+ color: #1a531b;
170
170
  }
171
171
 
172
172
 
@@ -180,7 +180,7 @@
180
180
  ---------------*/
181
181
 
182
182
  .ui.progress.success .bar {
183
- background-color: #21BA45 !important;
183
+ background-color: #21ba45 !important;
184
184
  }
185
185
  .ui.progress.success .bar,
186
186
  .ui.progress.success .bar::after {
@@ -188,7 +188,7 @@
188
188
  animation: none !important;
189
189
  }
190
190
  .ui.progress.success > .label {
191
- color: #1A531B;
191
+ color: #1a531b;
192
192
  }
193
193
 
194
194
  /*--------------
@@ -196,7 +196,7 @@
196
196
  ---------------*/
197
197
 
198
198
  .ui.progress.warning .bar {
199
- background-color: #F2C037 !important;
199
+ background-color: #f2c037 !important;
200
200
  }
201
201
  .ui.progress.warning .bar,
202
202
  .ui.progress.warning .bar::after {
@@ -204,7 +204,7 @@
204
204
  animation: none !important;
205
205
  }
206
206
  .ui.progress.warning > .label {
207
- color: #794B02;
207
+ color: #794b02;
208
208
  }
209
209
 
210
210
  /*--------------
@@ -212,7 +212,7 @@
212
212
  ---------------*/
213
213
 
214
214
  .ui.progress.error .bar {
215
- background-color: #DB2828 !important;
215
+ background-color: #db2828 !important;
216
216
  }
217
217
  .ui.progress.error .bar,
218
218
  .ui.progress.error .bar::after {
@@ -220,7 +220,7 @@
220
220
  animation: none !important;
221
221
  }
222
222
  .ui.progress.error > .label {
223
- color: #912D2B;
223
+ color: #912d2b;
224
224
  }
225
225
 
226
226
  /*--------------
@@ -239,7 +239,7 @@
239
239
  left: 0px;
240
240
  right: 0px;
241
241
  bottom: 0px;
242
- background: #FFFFFF;
242
+ background: #ffffff;
243
243
  border-radius: 0.28571429rem;
244
244
  -webkit-animation: progress-active 2s ease infinite;
245
245
  animation: progress-active 2s ease infinite;
@@ -296,19 +296,19 @@
296
296
  background: #888888;
297
297
  }
298
298
  .ui.inverted.progress .bar > .progress {
299
- color: #F9FAFB;
299
+ color: #f9fafb;
300
300
  }
301
301
  .ui.inverted.progress > .label {
302
- color: #FFFFFF;
302
+ color: #ffffff;
303
303
  }
304
304
  .ui.inverted.progress.success > .label {
305
- color: #21BA45;
305
+ color: #21ba45;
306
306
  }
307
307
  .ui.inverted.progress.warning > .label {
308
- color: #F2C037;
308
+ color: #f2c037;
309
309
  }
310
310
  .ui.inverted.progress.error > .label {
311
- color: #DB2828;
311
+ color: #db2828;
312
312
  }
313
313
 
314
314
  /*--------------
@@ -367,90 +367,90 @@
367
367
 
368
368
  /* Red */
369
369
  .ui.red.progress .bar {
370
- background-color: #DB2828;
370
+ background-color: #db2828;
371
371
  }
372
372
  .ui.red.inverted.progress .bar {
373
- background-color: #FF695E;
373
+ background-color: #ff695e;
374
374
  }
375
375
 
376
376
  /* Orange */
377
377
  .ui.orange.progress .bar {
378
- background-color: #F2711C;
378
+ background-color: #f2711c;
379
379
  }
380
380
  .ui.orange.inverted.progress .bar {
381
- background-color: #FF851B;
381
+ background-color: #ff851b;
382
382
  }
383
383
 
384
384
  /* Yellow */
385
385
  .ui.yellow.progress .bar {
386
- background-color: #FBBD08;
386
+ background-color: #fbbd08;
387
387
  }
388
388
  .ui.yellow.inverted.progress .bar {
389
- background-color: #FFE21F;
389
+ background-color: #ffe21f;
390
390
  }
391
391
 
392
392
  /* Olive */
393
393
  .ui.olive.progress .bar {
394
- background-color: #B5CC18;
394
+ background-color: #b5cc18;
395
395
  }
396
396
  .ui.olive.inverted.progress .bar {
397
- background-color: #D9E778;
397
+ background-color: #d9e778;
398
398
  }
399
399
 
400
400
  /* Green */
401
401
  .ui.green.progress .bar {
402
- background-color: #21BA45;
402
+ background-color: #21ba45;
403
403
  }
404
404
  .ui.green.inverted.progress .bar {
405
- background-color: #2ECC40;
405
+ background-color: #2ecc40;
406
406
  }
407
407
 
408
408
  /* Teal */
409
409
  .ui.teal.progress .bar {
410
- background-color: #00B5AD;
410
+ background-color: #00b5ad;
411
411
  }
412
412
  .ui.teal.inverted.progress .bar {
413
- background-color: #6DFFFF;
413
+ background-color: #6dffff;
414
414
  }
415
415
 
416
416
  /* Blue */
417
417
  .ui.blue.progress .bar {
418
- background-color: #2185D0;
418
+ background-color: #2185d0;
419
419
  }
420
420
  .ui.blue.inverted.progress .bar {
421
- background-color: #54C8FF;
421
+ background-color: #54c8ff;
422
422
  }
423
423
 
424
424
  /* Violet */
425
425
  .ui.violet.progress .bar {
426
- background-color: #6435C9;
426
+ background-color: #6435c9;
427
427
  }
428
428
  .ui.violet.inverted.progress .bar {
429
- background-color: #A291FB;
429
+ background-color: #a291fb;
430
430
  }
431
431
 
432
432
  /* Purple */
433
433
  .ui.purple.progress .bar {
434
- background-color: #A333C8;
434
+ background-color: #a333c8;
435
435
  }
436
436
  .ui.purple.inverted.progress .bar {
437
- background-color: #DC73FF;
437
+ background-color: #dc73ff;
438
438
  }
439
439
 
440
440
  /* Pink */
441
441
  .ui.pink.progress .bar {
442
- background-color: #E03997;
442
+ background-color: #e03997;
443
443
  }
444
444
  .ui.pink.inverted.progress .bar {
445
- background-color: #FF8EDF;
445
+ background-color: #ff8edf;
446
446
  }
447
447
 
448
448
  /* Brown */
449
449
  .ui.brown.progress .bar {
450
- background-color: #A5673F;
450
+ background-color: #a5673f;
451
451
  }
452
452
  .ui.brown.inverted.progress .bar {
453
- background-color: #D67C1C;
453
+ background-color: #d67c1c;
454
454
  }
455
455
 
456
456
  /* Grey */
@@ -458,12 +458,12 @@
458
458
  background-color: #767676;
459
459
  }
460
460
  .ui.grey.inverted.progress .bar {
461
- background-color: #DCDDDE;
461
+ background-color: #dcddde;
462
462
  }
463
463
 
464
464
  /* Black */
465
465
  .ui.black.progress .bar {
466
- background-color: #1B1C1D;
466
+ background-color: #1b1c1d;
467
467
  }
468
468
  .ui.black.inverted.progress .bar {
469
469
  background-color: #545454;
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.1.6 - Rating
2
+ * # Semantic UI 2.1.7 - Rating
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -91,16 +91,16 @@
91
91
  /* Active Star */
92
92
  .ui.star.rating .active.icon {
93
93
  background: transparent !important;
94
- color: #FFE623 !important;
95
- text-shadow: 0px -1px 0px #DDC507, -1px 0px 0px #DDC507, 0px 1px 0px #DDC507, 1px 0px 0px #DDC507 !important;
94
+ color: #ffe623 !important;
95
+ text-shadow: 0px -1px 0px #ddc507, -1px 0px 0px #ddc507, 0px 1px 0px #ddc507, 1px 0px 0px #ddc507 !important;
96
96
  }
97
97
 
98
98
  /* Selected Star */
99
99
  .ui.star.rating .icon.selected,
100
100
  .ui.star.rating .icon.selected.active {
101
101
  background: transparent !important;
102
- color: #FFCC00 !important;
103
- text-shadow: 0px -1px 0px #E6A200, -1px 0px 0px #E6A200, 0px 1px 0px #E6A200, 1px 0px 0px #E6A200 !important;
102
+ color: #ffcc00 !important;
103
+ text-shadow: 0px -1px 0px #e6a200, -1px 0px 0px #e6a200, 0px 1px 0px #e6a200, 1px 0px 0px #e6a200 !important;
104
104
  }
105
105
 
106
106
  /*-------------------
@@ -118,16 +118,16 @@
118
118
  /* Active Heart */
119
119
  .ui.heart.rating .active.icon {
120
120
  background: transparent !important;
121
- color: #FF6D75 !important;
122
- text-shadow: 0px -1px 0px #CD0707, -1px 0px 0px #CD0707, 0px 1px 0px #CD0707, 1px 0px 0px #CD0707 !important;
121
+ color: #ff6d75 !important;
122
+ text-shadow: 0px -1px 0px #cd0707, -1px 0px 0px #cd0707, 0px 1px 0px #cd0707, 1px 0px 0px #cd0707 !important;
123
123
  }
124
124
 
125
125
  /* Selected Heart */
126
126
  .ui.heart.rating .icon.selected,
127
127
  .ui.heart.rating .icon.selected.active {
128
128
  background: transparent !important;
129
- color: #FF3000 !important;
130
- text-shadow: 0px -1px 0px #AA0101, -1px 0px 0px #AA0101, 0px 1px 0px #AA0101, 1px 0px 0px #AA0101 !important;
129
+ color: #ff3000 !important;
130
+ text-shadow: 0px -1px 0px #aa0101, -1px 0px 0px #aa0101, 0px 1px 0px #aa0101, 1px 0px 0px #aa0101 !important;
131
131
  }
132
132
 
133
133
 
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.1.6 - Search
2
+ * # Semantic UI 2.1.7 - Search
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -28,7 +28,7 @@
28
28
  line-height: 1.2142em;
29
29
  padding: 0.67861429em 1em;
30
30
  font-size: 1em;
31
- background: #FFFFFF;
31
+ background: #ffffff;
32
32
  border: 1px solid rgba(34, 36, 38, 0.15);
33
33
  color: rgba(0, 0, 0, 0.87);
34
34
  box-shadow: 0em 0em 0em 0em transparent inset;
@@ -59,12 +59,12 @@
59
59
  -webkit-transform-origin: center top;
60
60
  -ms-transform-origin: center top;
61
61
  transform-origin: center top;
62
- background: #FFFFFF;
62
+ background: #ffffff;
63
63
  margin-top: 0.5em;
64
64
  width: 18em;
65
65
  border-radius: 0.28571429rem;
66
66
  box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.08);
67
- border: 1px solid #D4D4D5;
67
+ border: 1px solid #d4d4d5;
68
68
  z-index: 998;
69
69
  }
70
70
  .ui.search > .results > :first-child {
@@ -128,7 +128,7 @@
128
128
  }
129
129
  .ui.search > .results .result .price {
130
130
  float: right;
131
- color: #21BA45;
131
+ color: #21ba45;
132
132
  }
133
133
 
134
134
  /*--------------
@@ -154,7 +154,7 @@
154
154
  .ui.search > .results > .action {
155
155
  display: block;
156
156
  border-top: none;
157
- background: #F3F4F5;
157
+ background: #f3f4f5;
158
158
  padding: 0.92857143em 1em;
159
159
  color: rgba(0, 0, 0, 0.87);
160
160
  font-weight: bold;
@@ -173,7 +173,7 @@
173
173
 
174
174
  .ui.search > .prompt:focus {
175
175
  border-color: rgba(34, 36, 38, 0.35);
176
- background: #FFFFFF;
176
+ background: #ffffff;
177
177
  color: rgba(0, 0, 0, 0.95);
178
178
  }
179
179
 
@@ -217,10 +217,10 @@
217
217
 
218
218
  .ui.search > .results .result:hover,
219
219
  .ui.category.search > .results .category .result:hover {
220
- background: #F9FAFB;
220
+ background: #f9fafb;
221
221
  }
222
222
  .ui.search .action:hover {
223
- background: #E0E0E0;
223
+ background: #e0e0e0;
224
224
  }
225
225
 
226
226
  /*--------------
@@ -228,7 +228,7 @@
228
228
  ---------------*/
229
229
 
230
230
  .ui.category.search > .results .category.active {
231
- background: #F3F4F5;
231
+ background: #f3f4f5;
232
232
  }
233
233
  .ui.category.search > .results .category.active > .name {
234
234
  color: rgba(0, 0, 0, 0.87);
@@ -237,7 +237,7 @@
237
237
  .ui.category.search > .results .category .result.active {
238
238
  position: relative;
239
239
  border-left-color: rgba(34, 36, 38, 0.1);
240
- background: #F3F4F5;
240
+ background: #f3f4f5;
241
241
  box-shadow: none;
242
242
  }
243
243
  .ui.search > .results .result.active .title {
@@ -254,7 +254,40 @@
254
254
 
255
255
 
256
256
  /*--------------
257
- Categories
257
+ Selection
258
+ ---------------*/
259
+
260
+ .ui.search.selection .prompt {
261
+ border-radius: 0.28571429rem;
262
+ }
263
+
264
+ /* Remove input */
265
+ .ui.search.selection > .icon.input > .remove.icon {
266
+ pointer-events: none;
267
+ position: absolute;
268
+ left: auto;
269
+ opacity: 0;
270
+ color: '';
271
+ top: 0em;
272
+ right: 0em;
273
+ -webkit-transition: color 0.1s ease, opacity 0.1s ease;
274
+ transition: color 0.1s ease, opacity 0.1s ease;
275
+ }
276
+ .ui.search.selection > .icon.input > .active.remove.icon {
277
+ cursor: pointer;
278
+ opacity: 0.8;
279
+ pointer-events: auto;
280
+ }
281
+ .ui.search.selection > .icon.input:not([class*="left icon"]) > .icon ~ .remove.icon {
282
+ right: 1.85714em;
283
+ }
284
+ .ui.search.selection > .icon.input > .remove.icon:hover {
285
+ opacity: 1;
286
+ color: #db2828;
287
+ }
288
+
289
+ /*--------------
290
+ Category
258
291
  ---------------*/
259
292
 
260
293
  .ui.category.search .results {
@@ -263,7 +296,7 @@
263
296
 
264
297
  /* Category */
265
298
  .ui.category.search > .results .category {
266
- background: #F3F4F5;
299
+ background: #f3f4f5;
267
300
  box-shadow: none;
268
301
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
269
302
  -webkit-transition: background 0.1s ease, border-color 0.1s ease;
@@ -285,7 +318,7 @@
285
318
 
286
319
  /* Category Result */
287
320
  .ui.category.search > .results .category .result {
288
- background: #FFFFFF;
321
+ background: #ffffff;
289
322
  margin-left: 100px;
290
323
  border-left: 1px solid rgba(34, 36, 38, 0.15);
291
324
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);