fomantic-ui-sass 2.8.4 → 2.8.5

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