semantic-ui-sass 2.2.10.1 → 2.2.11.0

Sign up to get free protection for your applications and to get access to all the features.
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;