semantic-ui-sass 2.2.10.1 → 2.2.11.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.
Files changed (56) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/semantic-ui/dropdown.js +108 -50
  3. data/app/assets/javascripts/semantic-ui/form.js +119 -19
  4. data/app/assets/javascripts/semantic-ui/modal.js +41 -16
  5. data/app/assets/javascripts/semantic-ui/popup.js +42 -31
  6. data/app/assets/javascripts/semantic-ui/search.js +11 -2
  7. data/app/assets/javascripts/semantic-ui/sidebar.js +1 -4
  8. data/app/assets/javascripts/semantic-ui/sticky.js +22 -5
  9. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +1 -1
  10. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +46 -59
  11. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +23 -52
  12. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +18 -26
  13. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +6 -6
  14. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +2 -2
  15. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +1 -14
  16. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +1 -1
  17. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +1 -1
  18. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +1 -1
  19. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +1 -1
  20. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +25 -1
  21. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
  22. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +4 -10
  23. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +1 -1
  24. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +1 -1
  25. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +1 -1
  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 +14 -20
  29. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +22 -44
  30. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +254 -199
  31. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +44 -1
  32. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +1 -1
  33. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +1 -1
  34. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +19 -3
  35. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +70 -39
  36. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +1 -1
  37. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +96 -22
  38. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +1 -1
  39. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +1 -1
  40. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +1 -1
  41. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +1 -3
  42. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +1 -1
  43. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +1 -1
  44. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +1 -9
  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 +1 -1
  49. data/app/assets/stylesheets/semantic-ui/views/_card.scss +3 -12
  50. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +1 -1
  51. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +7 -11
  52. data/app/assets/stylesheets/semantic-ui/views/_item.scss +17 -23
  53. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +3 -19
  54. data/lib/semantic/ui/sass/version.rb +2 -2
  55. data/spec/helpers/semantic_icon_helper_spec.rb +9 -9
  56. metadata +2 -2
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.2.10 - Table
2
+ * # Semantic UI 2.2.11 - Table
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -947,7 +947,7 @@
947
947
  .ui.inverted.table th {
948
948
  background-color: rgba(0, 0, 0, 0.15);
949
949
  border-color: rgba(255, 255, 255, 0.1) !important;
950
- color: rgba(255, 255, 255, 0.9);
950
+ color: rgba(255, 255, 255, 0.9) !important;
951
951
  }
952
952
  .ui.inverted.table tr td {
953
953
  border-color: rgba(255, 255, 255, 0.1) !important;
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.2.10 - Button
2
+ * # Semantic UI 2.2.11 - Button
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -387,12 +387,10 @@
387
387
 
388
388
  .ui.labeled.button:not(.icon) {
389
389
  display: -webkit-inline-box;
390
- display: -webkit-inline-flex;
391
390
  display: -ms-inline-flexbox;
392
391
  display: inline-flex;
393
392
  -webkit-box-orient: horizontal;
394
393
  -webkit-box-direction: normal;
395
- -webkit-flex-direction: row;
396
394
  -ms-flex-direction: row;
397
395
  flex-direction: row;
398
396
  background: none !important;
@@ -405,11 +403,9 @@
405
403
  }
406
404
  .ui.labeled.button > .label {
407
405
  display: -webkit-box;
408
- display: -webkit-flex;
409
406
  display: -ms-flexbox;
410
407
  display: flex;
411
408
  -webkit-box-align: center;
412
- -webkit-align-items: center;
413
409
  -ms-flex-align: center;
414
410
  align-items: center;
415
411
  margin: 0px 0px 0px -1px !important;
@@ -1031,7 +1027,6 @@
1031
1027
  .ui.attached.buttons {
1032
1028
  position: relative;
1033
1029
  display: -webkit-box;
1034
- display: -webkit-flex;
1035
1030
  display: -ms-flexbox;
1036
1031
  display: flex;
1037
1032
  border-radius: 0em;
@@ -1075,7 +1070,6 @@
1075
1070
  /* Left / Right */
1076
1071
  .ui[class*="left attached"].buttons {
1077
1072
  display: -webkit-inline-box;
1078
- display: -webkit-inline-flex;
1079
1073
  display: -ms-inline-flexbox;
1080
1074
  display: inline-flex;
1081
1075
  margin-right: 0em;
@@ -1092,7 +1086,6 @@
1092
1086
  }
1093
1087
  .ui[class*="right attached"].buttons {
1094
1088
  display: -webkit-inline-box;
1095
- display: -webkit-inline-flex;
1096
1089
  display: -ms-inline-flexbox;
1097
1090
  display: inline-flex;
1098
1091
  margin-left: 0em;
@@ -1190,7 +1183,6 @@
1190
1183
  .ui.fluid.vertical.buttons,
1191
1184
  .ui.fluid.vertical.buttons > .button {
1192
1185
  display: -webkit-box;
1193
- display: -webkit-flex;
1194
1186
  display: -ms-flexbox;
1195
1187
  display: flex;
1196
1188
  width: auto;
@@ -3366,12 +3358,10 @@
3366
3358
 
3367
3359
  .ui.buttons {
3368
3360
  display: -webkit-inline-box;
3369
- display: -webkit-inline-flex;
3370
3361
  display: -ms-inline-flexbox;
3371
3362
  display: inline-flex;
3372
3363
  -webkit-box-orient: horizontal;
3373
3364
  -webkit-box-direction: normal;
3374
- -webkit-flex-direction: row;
3375
3365
  -ms-flex-direction: row;
3376
3366
  flex-direction: row;
3377
3367
  font-size: 0em;
@@ -3394,7 +3384,6 @@
3394
3384
  /* Standard Group */
3395
3385
  .ui.buttons .button {
3396
3386
  -webkit-box-flex: 1;
3397
- -webkit-flex: 1 0 auto;
3398
3387
  -ms-flex: 1 0 auto;
3399
3388
  flex: 1 0 auto;
3400
3389
  margin: 0em;
@@ -3419,12 +3408,10 @@
3419
3408
  /* Vertical Style */
3420
3409
  .ui.vertical.buttons {
3421
3410
  display: -webkit-inline-box;
3422
- display: -webkit-inline-flex;
3423
3411
  display: -ms-inline-flexbox;
3424
3412
  display: inline-flex;
3425
3413
  -webkit-box-orient: vertical;
3426
3414
  -webkit-box-direction: normal;
3427
- -webkit-flex-direction: column;
3428
3415
  -ms-flex-direction: column;
3429
3416
  flex-direction: column;
3430
3417
  }
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.2.10 - Container
2
+ * # Semantic UI 2.2.11 - Container
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.2.10 - Divider
2
+ * # Semantic UI 2.2.11 - Divider
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.2.10 - Flag
2
+ * # Semantic UI 2.2.11 - Flag
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.2.10 - Header
2
+ * # Semantic UI 2.2.11 - Header
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.2.10 - Icon
2
+ * # Semantic UI 2.2.11 - Icon
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -472,6 +472,30 @@ i.icons .corner.icon {
472
472
  font-size: 0.45em;
473
473
  text-shadow: -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF;
474
474
  }
475
+ i.icons .top.right.corner.icon {
476
+ top: 0;
477
+ left: auto;
478
+ right: 0;
479
+ bottom: auto;
480
+ }
481
+ i.icons .top.left.corner.icon {
482
+ top: 0;
483
+ left: 0;
484
+ right: auto;
485
+ bottom: auto;
486
+ }
487
+ i.icons .bottom.left.corner.icon {
488
+ top: auto;
489
+ left: 0;
490
+ right: auto;
491
+ bottom: 0;
492
+ }
493
+ i.icons .bottom.right.corner.icon {
494
+ top: auto;
495
+ left: auto;
496
+ right: 0;
497
+ bottom: 0;
498
+ }
475
499
  i.icons .inverted.corner.icon {
476
500
  text-shadow: -1px -1px 0 #1B1C1D, 1px -1px 0 #1B1C1D, -1px 1px 0 #1B1C1D, 1px 1px 0 #1B1C1D;
477
501
  }
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.2.10 - Image
2
+ * # Semantic UI 2.2.11 - Image
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.2.10 - Input
2
+ * # Semantic UI 2.2.11 - Input
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -23,7 +23,6 @@
23
23
  font-weight: normal;
24
24
  font-style: normal;
25
25
  display: -webkit-inline-box;
26
- display: -webkit-inline-flex;
27
26
  display: -ms-inline-flexbox;
28
27
  display: inline-flex;
29
28
  color: rgba(0, 0, 0, 0.87);
@@ -32,7 +31,6 @@
32
31
  margin: 0em;
33
32
  max-width: 100%;
34
33
  -webkit-box-flex: 1;
35
- -webkit-flex: 1 0 auto;
36
34
  -ms-flex: 1 0 auto;
37
35
  flex: 1 0 auto;
38
36
  outline: none;
@@ -77,11 +75,11 @@
77
75
  ---------------------*/
78
76
 
79
77
  .ui.disabled.input,
80
- .ui.input input[disabled] {
78
+ .ui.input:not(.disabled) input[disabled] {
81
79
  opacity: 0.45;
82
80
  }
83
81
  .ui.disabled.input input,
84
- .ui.input input[disabled] {
82
+ .ui.input:not(.disabled) input[disabled] {
85
83
  pointer-events: none;
86
84
  }
87
85
 
@@ -203,6 +201,7 @@
203
201
  background-color: transparent !important;
204
202
  padding: 0em !important;
205
203
  box-shadow: none !important;
204
+ border-radius: 0px !important;
206
205
  }
207
206
 
208
207
  /* Transparent Icon */
@@ -305,7 +304,6 @@
305
304
  /* Adjacent Label */
306
305
  .ui.labeled.input > .label {
307
306
  -webkit-box-flex: 0;
308
- -webkit-flex: 0 0 auto;
309
307
  -ms-flex: 0 0 auto;
310
308
  flex: 0 0 auto;
311
309
  margin: 0;
@@ -391,15 +389,12 @@
391
389
  .ui.action.input > .button,
392
390
  .ui.action.input > .buttons {
393
391
  display: -webkit-box;
394
- display: -webkit-flex;
395
392
  display: -ms-flexbox;
396
393
  display: flex;
397
394
  -webkit-box-align: center;
398
- -webkit-align-items: center;
399
395
  -ms-flex-align: center;
400
396
  align-items: center;
401
397
  -webkit-box-flex: 0;
402
- -webkit-flex: 0 0 auto;
403
398
  -ms-flex: 0 0 auto;
404
399
  flex: 0 0 auto;
405
400
  }
@@ -470,7 +465,6 @@
470
465
 
471
466
  .ui.fluid.input {
472
467
  display: -webkit-box;
473
- display: -webkit-flex;
474
468
  display: -ms-flexbox;
475
469
  display: flex;
476
470
  }
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.2.10 - Label
2
+ * # Semantic UI 2.2.11 - Label
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.2.10 - List
2
+ * # Semantic UI 2.2.11 - List
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.2.10 - Loader
2
+ * # Semantic UI 2.2.11 - Loader
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.2.10 - Rail
2
+ * # Semantic UI 2.2.11 - Rail
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.2.10 - Reveal
2
+ * # Semantic UI 2.2.11 - Reveal
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.2.10 - Segment
2
+ * # Semantic UI 2.2.11 - Segment
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -233,7 +233,6 @@
233
233
  /* Compact Group */
234
234
  .ui.compact.segments {
235
235
  display: -webkit-inline-box;
236
- display: -webkit-inline-flex;
237
236
  display: -ms-inline-flexbox;
238
237
  display: inline-flex;
239
238
  }
@@ -241,7 +240,6 @@
241
240
  .ui.segments .compact.segment {
242
241
  display: block;
243
242
  -webkit-box-flex: 0;
244
- -webkit-flex: 0 1 auto;
245
243
  -ms-flex: 0 1 auto;
246
244
  flex: 0 1 auto;
247
245
  }
@@ -277,7 +275,6 @@
277
275
  .ui.segments {
278
276
  -webkit-box-orient: vertical;
279
277
  -webkit-box-direction: normal;
280
- -webkit-flex-direction: column;
281
278
  -ms-flex-direction: column;
282
279
  flex-direction: column;
283
280
  position: relative;
@@ -343,12 +340,10 @@
343
340
  /* Horizontal Group */
344
341
  .ui.horizontal.segments {
345
342
  display: -webkit-box;
346
- display: -webkit-flex;
347
343
  display: -ms-flexbox;
348
344
  display: flex;
349
345
  -webkit-box-orient: horizontal;
350
346
  -webkit-box-direction: normal;
351
- -webkit-flex-direction: row;
352
347
  -ms-flex-direction: row;
353
348
  flex-direction: row;
354
349
  background-color: transparent;
@@ -374,7 +369,6 @@
374
369
  /* Horizontal Segment */
375
370
  .ui.horizontal.segments > .segment {
376
371
  -webkit-box-flex: 1;
377
- -webkit-flex: 1 1 auto;
378
372
  flex: 1 1 auto;
379
373
  -ms-flex: 1 1 0px;
380
374
 
@@ -512,7 +506,7 @@
512
506
 
513
507
  /* Red */
514
508
  .ui.red.segment:not(.inverted) {
515
- border-top: 2px solid #DB2828;
509
+ border-top: 2px solid #DB2828 !important;
516
510
  }
517
511
  .ui.inverted.red.segment {
518
512
  background-color: #DB2828 !important;
@@ -521,7 +515,7 @@
521
515
 
522
516
  /* Orange */
523
517
  .ui.orange.segment:not(.inverted) {
524
- border-top: 2px solid #F2711C;
518
+ border-top: 2px solid #F2711C !important;
525
519
  }
526
520
  .ui.inverted.orange.segment {
527
521
  background-color: #F2711C !important;
@@ -530,7 +524,7 @@
530
524
 
531
525
  /* Yellow */
532
526
  .ui.yellow.segment:not(.inverted) {
533
- border-top: 2px solid #FBBD08;
527
+ border-top: 2px solid #FBBD08 !important;
534
528
  }
535
529
  .ui.inverted.yellow.segment {
536
530
  background-color: #FBBD08 !important;
@@ -539,7 +533,7 @@
539
533
 
540
534
  /* Olive */
541
535
  .ui.olive.segment:not(.inverted) {
542
- border-top: 2px solid #B5CC18;
536
+ border-top: 2px solid #B5CC18 !important;
543
537
  }
544
538
  .ui.inverted.olive.segment {
545
539
  background-color: #B5CC18 !important;
@@ -548,7 +542,7 @@
548
542
 
549
543
  /* Green */
550
544
  .ui.green.segment:not(.inverted) {
551
- border-top: 2px solid #21BA45;
545
+ border-top: 2px solid #21BA45 !important;
552
546
  }
553
547
  .ui.inverted.green.segment {
554
548
  background-color: #21BA45 !important;
@@ -557,7 +551,7 @@
557
551
 
558
552
  /* Teal */
559
553
  .ui.teal.segment:not(.inverted) {
560
- border-top: 2px solid #00B5AD;
554
+ border-top: 2px solid #00B5AD !important;
561
555
  }
562
556
  .ui.inverted.teal.segment {
563
557
  background-color: #00B5AD !important;
@@ -566,7 +560,7 @@
566
560
 
567
561
  /* Blue */
568
562
  .ui.blue.segment:not(.inverted) {
569
- border-top: 2px solid #2185D0;
563
+ border-top: 2px solid #2185D0 !important;
570
564
  }
571
565
  .ui.inverted.blue.segment {
572
566
  background-color: #2185D0 !important;
@@ -575,7 +569,7 @@
575
569
 
576
570
  /* Violet */
577
571
  .ui.violet.segment:not(.inverted) {
578
- border-top: 2px solid #6435C9;
572
+ border-top: 2px solid #6435C9 !important;
579
573
  }
580
574
  .ui.inverted.violet.segment {
581
575
  background-color: #6435C9 !important;
@@ -584,7 +578,7 @@
584
578
 
585
579
  /* Purple */
586
580
  .ui.purple.segment:not(.inverted) {
587
- border-top: 2px solid #A333C8;
581
+ border-top: 2px solid #A333C8 !important;
588
582
  }
589
583
  .ui.inverted.purple.segment {
590
584
  background-color: #A333C8 !important;
@@ -593,7 +587,7 @@
593
587
 
594
588
  /* Pink */
595
589
  .ui.pink.segment:not(.inverted) {
596
- border-top: 2px solid #E03997;
590
+ border-top: 2px solid #E03997 !important;
597
591
  }
598
592
  .ui.inverted.pink.segment {
599
593
  background-color: #E03997 !important;
@@ -602,7 +596,7 @@
602
596
 
603
597
  /* Brown */
604
598
  .ui.brown.segment:not(.inverted) {
605
- border-top: 2px solid #A5673F;
599
+ border-top: 2px solid #A5673F !important;
606
600
  }
607
601
  .ui.inverted.brown.segment {
608
602
  background-color: #A5673F !important;
@@ -611,7 +605,7 @@
611
605
 
612
606
  /* Grey */
613
607
  .ui.grey.segment:not(.inverted) {
614
- border-top: 2px solid #767676;
608
+ border-top: 2px solid #767676 !important;
615
609
  }
616
610
  .ui.inverted.grey.segment {
617
611
  background-color: #767676 !important;
@@ -620,7 +614,7 @@
620
614
 
621
615
  /* Black */
622
616
  .ui.black.segment:not(.inverted) {
623
- border-top: 2px solid #1B1C1D;
617
+ border-top: 2px solid #1B1C1D !important;
624
618
  }
625
619
  .ui.inverted.black.segment {
626
620
  background-color: #1B1C1D !important;