fomantic-ui-sass 2.8.4 → 2.8.5

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 (35) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +4 -0
  3. data/app/assets/fonts/semantic-ui/brand-icons.eot +0 -0
  4. data/app/assets/fonts/semantic-ui/brand-icons.svg +95 -56
  5. data/app/assets/fonts/semantic-ui/brand-icons.ttf +0 -0
  6. data/app/assets/fonts/semantic-ui/brand-icons.woff +0 -0
  7. data/app/assets/fonts/semantic-ui/brand-icons.woff2 +0 -0
  8. data/app/assets/fonts/semantic-ui/icons.eot +0 -0
  9. data/app/assets/fonts/semantic-ui/icons.svg +121 -88
  10. data/app/assets/fonts/semantic-ui/icons.ttf +0 -0
  11. data/app/assets/fonts/semantic-ui/icons.woff +0 -0
  12. data/app/assets/fonts/semantic-ui/icons.woff2 +0 -0
  13. data/app/assets/fonts/semantic-ui/outline-icons.eot +0 -0
  14. data/app/assets/fonts/semantic-ui/outline-icons.svg +10 -10
  15. data/app/assets/fonts/semantic-ui/outline-icons.ttf +0 -0
  16. data/app/assets/fonts/semantic-ui/outline-icons.woff +0 -0
  17. data/app/assets/fonts/semantic-ui/outline-icons.woff2 +0 -0
  18. data/app/assets/javascripts/semantic-ui/calendar.js +41 -36
  19. data/app/assets/javascripts/semantic-ui/dropdown.js +8 -5
  20. data/app/assets/javascripts/semantic-ui/form.js +4 -10
  21. data/app/assets/javascripts/semantic-ui/popup.js +6 -5
  22. data/app/assets/javascripts/semantic-ui/search.js +27 -0
  23. data/app/assets/javascripts/semantic-ui/tab.js +3 -2
  24. data/app/assets/javascripts/semantic-ui/visibility.js +1 -1
  25. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +24 -24
  26. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +9 -3
  27. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +112 -15
  28. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +16 -16
  29. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +7 -0
  30. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +6 -7
  31. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +3 -3
  32. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +32 -3
  33. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +90 -0
  34. data/lib/fomantic/ui/sass/version.rb +2 -2
  35. metadata +1 -1
@@ -632,15 +632,17 @@
632
632
  .ui.button > .icon:not(.button) {
633
633
  height: auto;
634
634
  opacity: 0.8;
635
- margin: 0 0.42857143em 0 -0.21428571em;
636
635
  -webkit-transition: opacity 0.1s ease;
637
636
  transition: opacity 0.1s ease;
638
- vertical-align: '';
639
637
  color: '';
640
638
  }
641
639
  .ui.button:not(.icon) > .icon:not(.button):not(.dropdown),
642
640
  .ui.button:not(.icon) > .icons:not(.button):not(.dropdown) {
643
641
  margin: 0 0.42857143em 0 -0.21428571em;
642
+ vertical-align: baseline;
643
+ }
644
+ .ui.button:not(.icon) > .icons:not(.button):not(.dropdown) > .icon {
645
+ vertical-align: baseline;
644
646
  }
645
647
  .ui.button:not(.icon) > .right.icon:not(.button):not(.dropdown) {
646
648
  margin: 0 -0.21428571em 0 0.42857143em;
@@ -754,15 +756,19 @@
754
756
  ---------------*/
755
757
 
756
758
  .ui.icon.buttons .button,
757
- .ui.icon.button {
759
+ .ui.icon.button:not(.animated) {
758
760
  padding: 0.78571429em 0.78571429em 0.78571429em;
759
761
  }
762
+ .ui.animated.icon.button > .content > .icon,
760
763
  .ui.icon.buttons .button > .icon,
761
764
  .ui.icon.button > .icon {
762
765
  opacity: 0.9;
763
766
  margin: 0 !important;
764
767
  vertical-align: top;
765
768
  }
769
+ .ui.animated.button > .content > .icon {
770
+ vertical-align: top;
771
+ }
766
772
 
767
773
  /*-------------------
768
774
  Basic
@@ -411,47 +411,35 @@ i.inverted.circular.black.icon.icon.icon.icon {
411
411
  i.icon,
412
412
  i.icons {
413
413
  font-size: 1em;
414
+ line-height: 1;
415
+ vertical-align: middle;
414
416
  }
415
417
  i.mini.mini.mini.icon,
416
418
  i.mini.mini.mini.icons {
417
- line-height: 1;
418
- vertical-align: middle;
419
419
  font-size: 0.4em;
420
420
  }
421
421
  i.tiny.tiny.tiny.icon,
422
422
  i.tiny.tiny.tiny.icons {
423
- line-height: 1;
424
- vertical-align: middle;
425
423
  font-size: 0.5em;
426
424
  }
427
425
  i.small.small.small.icon,
428
426
  i.small.small.small.icons {
429
- line-height: 1;
430
- vertical-align: middle;
431
427
  font-size: 0.75em;
432
428
  }
433
429
  i.large.large.large.icon,
434
430
  i.large.large.large.icons {
435
- line-height: 1;
436
- vertical-align: middle;
437
431
  font-size: 1.5em;
438
432
  }
439
433
  i.big.big.big.icon,
440
434
  i.big.big.big.icons {
441
- line-height: 1;
442
- vertical-align: middle;
443
435
  font-size: 2em;
444
436
  }
445
437
  i.huge.huge.huge.icon,
446
438
  i.huge.huge.huge.icons {
447
- line-height: 1;
448
- vertical-align: middle;
449
439
  font-size: 4em;
450
440
  }
451
441
  i.massive.massive.massive.icon,
452
442
  i.massive.massive.massive.icons {
453
- line-height: 1;
454
- vertical-align: middle;
455
443
  font-size: 8em;
456
444
  }
457
445
 
@@ -521,7 +509,7 @@ i.icons .inverted.corner.icon {
521
509
  text-shadow: -1px -1px 0 #1B1C1D, 1px -1px 0 #1B1C1D, -1px 1px 0 #1B1C1D, 1px 1px 0 #1B1C1D;
522
510
  }
523
511
  /*
524
- * Font Awesome 5.12.0 by @fontawesome [https://fontawesome.com]
512
+ * Font Awesome 5.13.0 by @fontawesome [https://fontawesome.com]
525
513
  * License - https://fontawesome.com/license (Icons: CC BY 4.0 License, Fonts: SIL OFL 1.1 License, CSS: MIT License)
526
514
  */
527
515
 
@@ -887,6 +875,9 @@ i.icon.box:before {
887
875
  i.icon.box.open:before {
888
876
  content: "\f49e";
889
877
  }
878
+ i.icon.box.tissue:before {
879
+ content: "\f95b";
880
+ }
890
881
  i.icon.boxes:before {
891
882
  content: "\f468";
892
883
  }
@@ -1361,6 +1352,9 @@ i.icon.digital.tachograph:before {
1361
1352
  i.icon.directions:before {
1362
1353
  content: "\f5eb";
1363
1354
  }
1355
+ i.icon.disease:before {
1356
+ content: "\f7fa";
1357
+ }
1364
1358
  i.icon.divide:before {
1365
1359
  content: "\f529";
1366
1360
  }
@@ -1514,6 +1508,9 @@ i.icon.fast.backward:before {
1514
1508
  i.icon.fast.forward:before {
1515
1509
  content: "\f050";
1516
1510
  }
1511
+ i.icon.faucet:before {
1512
+ content: "\f905";
1513
+ }
1517
1514
  i.icon.fax:before {
1518
1515
  content: "\f1ac";
1519
1516
  }
@@ -1829,9 +1826,15 @@ i.icon.hand.holding:before {
1829
1826
  i.icon.hand.holding.heart:before {
1830
1827
  content: "\f4be";
1831
1828
  }
1829
+ i.icon.hand.holding.medical:before {
1830
+ content: "\f95c";
1831
+ }
1832
1832
  i.icon.hand.holding.usd:before {
1833
1833
  content: "\f4c0";
1834
1834
  }
1835
+ i.icon.hand.holding.water:before {
1836
+ content: "\f4c1";
1837
+ }
1835
1838
  i.icon.hand.lizard:before {
1836
1839
  content: "\f258";
1837
1840
  }
@@ -1865,6 +1868,9 @@ i.icon.hand.rock:before {
1865
1868
  i.icon.hand.scissors:before {
1866
1869
  content: "\f257";
1867
1870
  }
1871
+ i.icon.hand.sparkles:before {
1872
+ content: "\f95d";
1873
+ }
1868
1874
  i.icon.hand.spock:before {
1869
1875
  content: "\f259";
1870
1876
  }
@@ -1874,9 +1880,18 @@ i.icon.hands:before {
1874
1880
  i.icon.hands.helping:before {
1875
1881
  content: "\f4c4";
1876
1882
  }
1883
+ i.icon.hands.wash:before {
1884
+ content: "\f95e";
1885
+ }
1877
1886
  i.icon.handshake:before {
1878
1887
  content: "\f2b5";
1879
1888
  }
1889
+ i.icon.handshake.alternate.slash:before {
1890
+ content: "\f95f";
1891
+ }
1892
+ i.icon.handshake.slash:before {
1893
+ content: "\f960";
1894
+ }
1880
1895
  i.icon.hanukiah:before {
1881
1896
  content: "\f6e6";
1882
1897
  }
@@ -1898,6 +1913,18 @@ i.icon.hat.wizard:before {
1898
1913
  i.icon.hdd:before {
1899
1914
  content: "\f0a0";
1900
1915
  }
1916
+ i.icon.head.side.cough:before {
1917
+ content: "\f961";
1918
+ }
1919
+ i.icon.head.side.cough.slash:before {
1920
+ content: "\f962";
1921
+ }
1922
+ i.icon.head.side.mask:before {
1923
+ content: "\f963";
1924
+ }
1925
+ i.icon.head.side.virus:before {
1926
+ content: "\f964";
1927
+ }
1901
1928
  i.icon.heading:before {
1902
1929
  content: "\f1dc";
1903
1930
  }
@@ -1958,6 +1985,9 @@ i.icon.hospital.alternate:before {
1958
1985
  i.icon.hospital.symbol:before {
1959
1986
  content: "\f47e";
1960
1987
  }
1988
+ i.icon.hospital.user:before {
1989
+ content: "\f80d";
1990
+ }
1961
1991
  i.icon.hot.tub:before {
1962
1992
  content: "\f593";
1963
1993
  }
@@ -1982,6 +2012,9 @@ i.icon.hourglass.start:before {
1982
2012
  i.icon.house.damage:before {
1983
2013
  content: "\f6f1";
1984
2014
  }
2015
+ i.icon.house.user:before {
2016
+ content: "\f965";
2017
+ }
1985
2018
  i.icon.hryvnia:before {
1986
2019
  content: "\f6f2";
1987
2020
  }
@@ -2081,6 +2114,9 @@ i.icon.laptop:before {
2081
2114
  i.icon.laptop.code:before {
2082
2115
  content: "\f5fc";
2083
2116
  }
2117
+ i.icon.laptop.house:before {
2118
+ content: "\f966";
2119
+ }
2084
2120
  i.icon.laptop.medical:before {
2085
2121
  content: "\f812";
2086
2122
  }
@@ -2168,6 +2204,12 @@ i.icon.low.vision:before {
2168
2204
  i.icon.luggage.cart:before {
2169
2205
  content: "\f59d";
2170
2206
  }
2207
+ i.icon.lungs:before {
2208
+ content: "\f604";
2209
+ }
2210
+ i.icon.lungs.virus:before {
2211
+ content: "\f967";
2212
+ }
2171
2213
  i.icon.magic:before {
2172
2214
  content: "\f0d0";
2173
2215
  }
@@ -2438,6 +2480,9 @@ i.icon.pencil.alternate:before {
2438
2480
  i.icon.pencil.ruler:before {
2439
2481
  content: "\f5ae";
2440
2482
  }
2483
+ i.icon.people.arrows:before {
2484
+ content: "\f968";
2485
+ }
2441
2486
  i.icon.people.carry:before {
2442
2487
  content: "\f4ce";
2443
2488
  }
@@ -2495,6 +2540,9 @@ i.icon.plane.arrival:before {
2495
2540
  i.icon.plane.departure:before {
2496
2541
  content: "\f5b0";
2497
2542
  }
2543
+ i.icon.plane.slash:before {
2544
+ content: "\f969";
2545
+ }
2498
2546
  i.icon.play:before {
2499
2547
  content: "\f04b";
2500
2548
  }
@@ -2564,6 +2612,12 @@ i.icon.procedures:before {
2564
2612
  i.icon.project.diagram:before {
2565
2613
  content: "\f542";
2566
2614
  }
2615
+ i.icon.pump.medical:before {
2616
+ content: "\f96a";
2617
+ }
2618
+ i.icon.pump.soap:before {
2619
+ content: "\f96b";
2620
+ }
2567
2621
  i.icon.puzzle.piece:before {
2568
2622
  content: "\f12e";
2569
2623
  }
@@ -2750,6 +2804,9 @@ i.icon.shekel.sign:before {
2750
2804
  i.icon.shield.alternate:before {
2751
2805
  content: "\f3ed";
2752
2806
  }
2807
+ i.icon.shield.virus:before {
2808
+ content: "\f96c";
2809
+ }
2753
2810
  i.icon.ship:before {
2754
2811
  content: "\f21a";
2755
2812
  }
@@ -2855,6 +2912,9 @@ i.icon.snowman:before {
2855
2912
  i.icon.snowplow:before {
2856
2913
  content: "\f7d2";
2857
2914
  }
2915
+ i.icon.soap:before {
2916
+ content: "\f96e";
2917
+ }
2858
2918
  i.icon.socks:before {
2859
2919
  content: "\f696";
2860
2920
  }
@@ -2978,12 +3038,21 @@ i.icon.stop.circle:before {
2978
3038
  i.icon.stopwatch:before {
2979
3039
  content: "\f2f2";
2980
3040
  }
3041
+ i.icon.stopwatch.20:before {
3042
+ content: "\f96f";
3043
+ }
2981
3044
  i.icon.store:before {
2982
3045
  content: "\f54e";
2983
3046
  }
2984
3047
  i.icon.store.alternate:before {
2985
3048
  content: "\f54f";
2986
3049
  }
3050
+ i.icon.store.alternate.slash:before {
3051
+ content: "\f970";
3052
+ }
3053
+ i.icon.store.slash:before {
3054
+ content: "\f971";
3055
+ }
2987
3056
  i.icon.stream:before {
2988
3057
  content: "\f550";
2989
3058
  }
@@ -3164,6 +3233,9 @@ i.icon.toilet:before {
3164
3233
  i.icon.toilet.paper:before {
3165
3234
  content: "\f71e";
3166
3235
  }
3236
+ i.icon.toilet.paper.slash:before {
3237
+ content: "\f972";
3238
+ }
3167
3239
  i.icon.toolbox:before {
3168
3240
  content: "\f552";
3169
3241
  }
@@ -3389,6 +3461,15 @@ i.icon.video.slash:before {
3389
3461
  i.icon.vihara:before {
3390
3462
  content: "\f6a7";
3391
3463
  }
3464
+ i.icon.virus:before {
3465
+ content: "\f974";
3466
+ }
3467
+ i.icon.virus.slash:before {
3468
+ content: "\f975";
3469
+ }
3470
+ i.icon.viruses:before {
3471
+ content: "\f976";
3472
+ }
3392
3473
  i.icon.voicemail:before {
3393
3474
  content: "\f897";
3394
3475
  }
@@ -5230,6 +5311,10 @@ i.icon.d.and.d.beyond:before {
5230
5311
  content: "\f6ca";
5231
5312
  font-family: 'brand-icons';
5232
5313
  }
5314
+ i.icon.dailymotion:before {
5315
+ content: "\f952";
5316
+ font-family: 'brand-icons';
5317
+ }
5233
5318
  i.icon.dashcube:before {
5234
5319
  content: "\f210";
5235
5320
  font-family: 'brand-icons';
@@ -5654,6 +5739,10 @@ i.icon.instagram:before {
5654
5739
  content: "\f16d";
5655
5740
  font-family: 'brand-icons';
5656
5741
  }
5742
+ i.icon.instagram.square:before {
5743
+ content: "\f955";
5744
+ font-family: 'brand-icons';
5745
+ }
5657
5746
  i.icon.intercom:before {
5658
5747
  content: "\f7af";
5659
5748
  font-family: 'brand-icons';
@@ -5858,6 +5947,10 @@ i.icon.mixcloud:before {
5858
5947
  content: "\f289";
5859
5948
  font-family: 'brand-icons';
5860
5949
  }
5950
+ i.icon.mixer:before {
5951
+ content: "\f956";
5952
+ font-family: 'brand-icons';
5953
+ }
5861
5954
  i.icon.mizuni:before {
5862
5955
  content: "\f3cc";
5863
5956
  font-family: 'brand-icons';
@@ -6162,6 +6255,10 @@ i.icon.shirtsinbulk:before {
6162
6255
  content: "\f214";
6163
6256
  font-family: 'brand-icons';
6164
6257
  }
6258
+ i.icon.shopify:before {
6259
+ content: "\f957";
6260
+ font-family: 'brand-icons';
6261
+ }
6165
6262
  i.icon.shopware:before {
6166
6263
  content: "\f5b5";
6167
6264
  font-family: 'brand-icons';
@@ -499,15 +499,15 @@
499
499
  border-top: 1px solid #E0B4B4;
500
500
  border-bottom: 1px solid #E0B4B4;
501
501
  }
502
- .ui.form > .field.error > .ui.left.action.input > .ui.button,
502
+ .ui.form > .field.error > .ui[class*="left action"].input > .ui.button,
503
503
  .ui.form > .field.error > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
504
- .ui.left.action.input.error > .ui.button,
504
+ .ui[class*="left action"].input.error > .ui.button,
505
505
  .ui.labeled.input.error:not(.right):not([class*="corner labeled"]) > .ui.label {
506
506
  border-left: 1px solid #E0B4B4;
507
507
  }
508
- .ui.form > .field.error > .ui.action.input:not(.left) > input + .ui.button,
508
+ .ui.form > .field.error > .ui.action.input:not([class*="left action"]) > input + .ui.button,
509
509
  .ui.form > .field.error > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
510
- .ui.action.input.error:not(.left) > input + .ui.button,
510
+ .ui.action.input.error:not([class*="left action"]) > input + .ui.button,
511
511
  .ui.right.labeled.input.error:not([class*="corner labeled"]) > input + .ui.label {
512
512
  border-right: 1px solid #E0B4B4;
513
513
  }
@@ -522,15 +522,15 @@
522
522
  border-top: 1px solid #A9D5DE;
523
523
  border-bottom: 1px solid #A9D5DE;
524
524
  }
525
- .ui.form > .field.info > .ui.left.action.input > .ui.button,
525
+ .ui.form > .field.info > .ui[class*="left action"].input > .ui.button,
526
526
  .ui.form > .field.info > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
527
- .ui.left.action.input.info > .ui.button,
527
+ .ui[class*="left action"].input.info > .ui.button,
528
528
  .ui.labeled.input.info:not(.right):not([class*="corner labeled"]) > .ui.label {
529
529
  border-left: 1px solid #A9D5DE;
530
530
  }
531
- .ui.form > .field.info > .ui.action.input:not(.left) > input + .ui.button,
531
+ .ui.form > .field.info > .ui.action.input:not([class*="left action"]) > input + .ui.button,
532
532
  .ui.form > .field.info > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
533
- .ui.action.input.info:not(.left) > input + .ui.button,
533
+ .ui.action.input.info:not([class*="left action"]) > input + .ui.button,
534
534
  .ui.right.labeled.input.info:not([class*="corner labeled"]) > input + .ui.label {
535
535
  border-right: 1px solid #A9D5DE;
536
536
  }
@@ -545,15 +545,15 @@
545
545
  border-top: 1px solid #A3C293;
546
546
  border-bottom: 1px solid #A3C293;
547
547
  }
548
- .ui.form > .field.success > .ui.left.action.input > .ui.button,
548
+ .ui.form > .field.success > .ui[class*="left action"].input > .ui.button,
549
549
  .ui.form > .field.success > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
550
- .ui.left.action.input.success > .ui.button,
550
+ .ui[class*="left action"].input.success > .ui.button,
551
551
  .ui.labeled.input.success:not(.right):not([class*="corner labeled"]) > .ui.label {
552
552
  border-left: 1px solid #A3C293;
553
553
  }
554
- .ui.form > .field.success > .ui.action.input:not(.left) > input + .ui.button,
554
+ .ui.form > .field.success > .ui.action.input:not([class*="left action"]) > input + .ui.button,
555
555
  .ui.form > .field.success > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
556
- .ui.action.input.success:not(.left) > input + .ui.button,
556
+ .ui.action.input.success:not([class*="left action"]) > input + .ui.button,
557
557
  .ui.right.labeled.input.success:not([class*="corner labeled"]) > input + .ui.label {
558
558
  border-right: 1px solid #A3C293;
559
559
  }
@@ -568,15 +568,15 @@
568
568
  border-top: 1px solid #C9BA9B;
569
569
  border-bottom: 1px solid #C9BA9B;
570
570
  }
571
- .ui.form > .field.warning > .ui.left.action.input > .ui.button,
571
+ .ui.form > .field.warning > .ui[class*="left action"].input > .ui.button,
572
572
  .ui.form > .field.warning > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
573
- .ui.left.action.input.warning > .ui.button,
573
+ .ui[class*="left action"].input.warning > .ui.button,
574
574
  .ui.labeled.input.warning:not(.right):not([class*="corner labeled"]) > .ui.label {
575
575
  border-left: 1px solid #C9BA9B;
576
576
  }
577
- .ui.form > .field.warning > .ui.action.input:not(.left) > input + .ui.button,
577
+ .ui.form > .field.warning > .ui.action.input:not([class*="left action"]) > input + .ui.button,
578
578
  .ui.form > .field.warning > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
579
- .ui.action.input.warning:not(.left) > input + .ui.button,
579
+ .ui.action.input.warning:not([class*="left action"]) > input + .ui.button,
580
580
  .ui.right.labeled.input.warning:not([class*="corner labeled"]) > input + .ui.label {
581
581
  border-right: 1px solid #C9BA9B;
582
582
  }
@@ -258,6 +258,13 @@
258
258
  border-width: 0 1px 1px 0;
259
259
  display: none;
260
260
  }
261
+ .ui.right.vertical.steps .step:after {
262
+ border-width: 1px 0 0 1px;
263
+ left: 0;
264
+ right: 100%;
265
+ -webkit-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
266
+ transform: translateY(-50%) translateX(-50%) rotate(-45deg);
267
+ }
261
268
  .ui.vertical.steps .active.step:after {
262
269
  display: block;
263
270
  }