fomantic-ui-sass 2.7.6 → 2.7.7

Sign up to get free protection for your applications and to get access to all the features.
Files changed (71) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +12 -0
  3. data/app/assets/fonts/semantic-ui/brand-icons.eot +0 -0
  4. data/app/assets/fonts/semantic-ui/brand-icons.svg +7 -17
  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 +290 -168
  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 +2 -2
  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/accordion.js +6 -2
  19. data/app/assets/javascripts/semantic-ui/checkbox.js +2 -1
  20. data/app/assets/javascripts/semantic-ui/dropdown.js +32 -9
  21. data/app/assets/javascripts/semantic-ui/form.js +9 -9
  22. data/app/assets/javascripts/semantic-ui/modal.js +4 -1
  23. data/app/assets/javascripts/semantic-ui/popup.js +4 -1
  24. data/app/assets/javascripts/semantic-ui/search.js +10 -5
  25. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +69 -25
  26. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +181 -71
  27. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +134 -46
  28. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +107 -47
  29. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +81 -46
  30. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +680 -323
  31. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +39 -39
  32. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +2 -0
  33. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +10 -4
  34. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +73 -12
  35. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
  36. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +34 -10
  37. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +23 -9
  38. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +4 -0
  39. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +2 -1
  40. data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +4 -0
  41. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +7 -2
  42. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +74 -27
  43. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +83 -21
  44. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +10 -5
  45. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +1 -0
  46. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +4 -1
  47. data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +8 -4
  48. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +179 -10
  49. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +20 -5
  50. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +94 -35
  51. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +4 -0
  52. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +45 -17
  53. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +4 -1
  54. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +40 -19
  55. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +6 -1
  56. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +6 -1
  57. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +16 -5
  58. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +6 -1
  59. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +15 -2
  60. data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +12 -1
  61. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +1 -0
  62. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +2 -1
  63. data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +5 -2
  64. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +2 -1
  65. data/app/assets/stylesheets/semantic-ui/views/_card.scss +183 -81
  66. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +7 -3
  67. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +20 -6
  68. data/app/assets/stylesheets/semantic-ui/views/_item.scss +37 -12
  69. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +42 -10
  70. data/lib/fomantic/ui/sass/version.rb +2 -2
  71. metadata +2 -2
@@ -17,78 +17,78 @@
17
17
  /* All Sizes */
18
18
  .ui.container {
19
19
  display: block;
20
- max-width: 100% !important;
20
+ max-width: 100%;
21
21
  }
22
22
 
23
23
  /* Mobile */
24
24
  @media only screen and (max-width: 767.98px) {
25
- .ui.container {
26
- width: auto !important;
27
- margin-left: 1em !important;
28
- margin-right: 1em !important;
25
+ .ui.ui.ui.container:not(.fluid) {
26
+ width: auto;
27
+ margin-left: 1em;
28
+ margin-right: 1em;
29
29
  }
30
- .ui.grid.container {
31
- width: auto !important;
30
+ .ui.ui.grid.container {
31
+ width: auto;
32
32
  }
33
- .ui.relaxed.grid.container {
34
- width: auto !important;
33
+ .ui.ui.relaxed.grid.container {
34
+ width: auto;
35
35
  }
36
- .ui.very.relaxed.grid.container {
37
- width: auto !important;
36
+ .ui.ui.very.relaxed.grid.container {
37
+ width: auto;
38
38
  }
39
39
  }
40
40
 
41
41
  /* Tablet */
42
42
  @media only screen and (min-width: 768px) and (max-width: 991.98px) {
43
- .ui.container {
43
+ .ui.ui.ui.container:not(.fluid) {
44
44
  width: 723px;
45
- margin-left: auto !important;
46
- margin-right: auto !important;
45
+ margin-left: auto;
46
+ margin-right: auto;
47
47
  }
48
- .ui.grid.container {
49
- width: calc(723px + 2rem) !important;
48
+ .ui.ui.grid.container {
49
+ width: calc(723px + 2rem);
50
50
  }
51
- .ui.relaxed.grid.container {
52
- width: calc(723px + 3rem) !important;
51
+ .ui.ui.relaxed.grid.container {
52
+ width: calc(723px + 3rem);
53
53
  }
54
- .ui.very.relaxed.grid.container {
55
- width: calc(723px + 5rem) !important;
54
+ .ui.ui.very.relaxed.grid.container {
55
+ width: calc(723px + 5rem);
56
56
  }
57
57
  }
58
58
 
59
59
  /* Small Monitor */
60
60
  @media only screen and (min-width: 992px) and (max-width: 1199.98px) {
61
- .ui.container {
61
+ .ui.ui.ui.container:not(.fluid) {
62
62
  width: 933px;
63
- margin-left: auto !important;
64
- margin-right: auto !important;
63
+ margin-left: auto;
64
+ margin-right: auto;
65
65
  }
66
- .ui.grid.container {
67
- width: calc(933px + 2rem) !important;
66
+ .ui.ui.grid.container {
67
+ width: calc(933px + 2rem);
68
68
  }
69
- .ui.relaxed.grid.container {
70
- width: calc(933px + 3rem) !important;
69
+ .ui.ui.relaxed.grid.container {
70
+ width: calc(933px + 3rem);
71
71
  }
72
- .ui.very.relaxed.grid.container {
73
- width: calc(933px + 5rem) !important;
72
+ .ui.ui.very.relaxed.grid.container {
73
+ width: calc(933px + 5rem);
74
74
  }
75
75
  }
76
76
 
77
77
  /* Large Monitor */
78
78
  @media only screen and (min-width: 1200px) {
79
- .ui.container {
79
+ .ui.ui.ui.container:not(.fluid) {
80
80
  width: 1127px;
81
- margin-left: auto !important;
82
- margin-right: auto !important;
81
+ margin-left: auto;
82
+ margin-right: auto;
83
83
  }
84
- .ui.grid.container {
85
- width: calc(1127px + 2rem) !important;
84
+ .ui.ui.grid.container {
85
+ width: calc(1127px + 2rem);
86
86
  }
87
- .ui.relaxed.grid.container {
88
- width: calc(1127px + 3rem) !important;
87
+ .ui.ui.relaxed.grid.container {
88
+ width: calc(1127px + 3rem);
89
89
  }
90
- .ui.very.relaxed.grid.container {
91
- width: calc(1127px + 5rem) !important;
90
+ .ui.ui.very.relaxed.grid.container {
91
+ width: calc(1127px + 5rem);
92
92
  }
93
93
  }
94
94
 
@@ -101,7 +101,7 @@
101
101
  /* Text Container */
102
102
  .ui.text.container {
103
103
  font-family: $font-family;
104
- max-width: 700px !important;
104
+ max-width: 700px;
105
105
  line-height: 1.5;
106
106
  font-size: 1.14285714rem;
107
107
  }
@@ -43,6 +43,7 @@ i.flag:not(.icon):before {
43
43
  Theme Overrides
44
44
  *******************************/
45
45
 
46
+ /*rtl:begin:ignore*/
46
47
  i.flag.ad:before,
47
48
  i.flag.andorra:before {
48
49
  background-position: 0 0;
@@ -1028,6 +1029,7 @@ i.flag.zw:before,
1028
1029
  i.flag.zimbabwe:before {
1029
1030
  background-position: -108px -390px;
1030
1031
  }
1032
+ /*rtl:end:ignore*/
1031
1033
 
1032
1034
 
1033
1035
  /*******************************
@@ -302,12 +302,16 @@ h5.ui.header .sub.header {
302
302
  }
303
303
  .ui.inverted.attached.header {
304
304
  background: #1B1C1D;
305
- box-shadow: none;
305
+ -webkit-box-shadow: none;
306
+ box-shadow: none;
306
307
  border-color: transparent;
307
308
  }
308
309
  .ui.inverted.block.header {
310
+ background: #545454 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
311
+ background: #545454 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
309
312
  background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
310
- box-shadow: none;
313
+ -webkit-box-shadow: none;
314
+ box-shadow: none;
311
315
  border-bottom: none;
312
316
  }
313
317
 
@@ -658,7 +662,8 @@ a.ui.inverted.black.header.header.header:hover {
658
662
  .ui.block.header {
659
663
  background: #F3F4F5;
660
664
  padding: 0.78571429rem 1rem;
661
- box-shadow: none;
665
+ -webkit-box-shadow: none;
666
+ box-shadow: none;
662
667
  border: 1px solid #D4D4D5;
663
668
  border-radius: 0.28571429rem;
664
669
  }
@@ -686,7 +691,8 @@ a.ui.inverted.black.header.header.header:hover {
686
691
  background: #FFFFFF;
687
692
  padding: 0.78571429rem 1rem;
688
693
  margin: 0 -1px 0 -1px;
689
- box-shadow: none;
694
+ -webkit-box-shadow: none;
695
+ box-shadow: none;
690
696
  border: 1px solid #D4D4D5;
691
697
  border-radius: 0;
692
698
  }
@@ -104,6 +104,7 @@ i.link.icon:not(.disabled),
104
104
  i.link.icons:not(.disabled) {
105
105
  cursor: pointer;
106
106
  opacity: 0.8;
107
+ -webkit-transition: opacity 0.1s ease;
107
108
  transition: opacity 0.1s ease;
108
109
  }
109
110
  i.link.icon:hover,
@@ -119,13 +120,15 @@ i.circular.icon {
119
120
  border-radius: 500em !important;
120
121
  line-height: 1 !important;
121
122
  padding: 0.5em 0 !important;
122
- box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset;
123
+ -webkit-box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset;
124
+ box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset;
123
125
  width: 2em !important;
124
126
  height: 2em !important;
125
127
  }
126
128
  i.circular.inverted.icon {
127
129
  border: none;
128
- box-shadow: none;
130
+ -webkit-box-shadow: none;
131
+ box-shadow: none;
129
132
  }
130
133
 
131
134
  /*-------------------
@@ -207,11 +210,13 @@ i.bordered.icon {
207
210
  width: 2em;
208
211
  height: 2em;
209
212
  padding: 0.5em 0 !important;
210
- box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset;
213
+ -webkit-box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset;
214
+ box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset;
211
215
  }
212
216
  i.bordered.inverted.icon {
213
217
  border: none;
214
- box-shadow: none;
218
+ -webkit-box-shadow: none;
219
+ box-shadow: none;
215
220
  }
216
221
 
217
222
  /*-------------------
@@ -513,7 +518,7 @@ i.icons .inverted.corner.icon {
513
518
  text-shadow: -1px -1px 0 #1B1C1D, 1px -1px 0 #1B1C1D, -1px 1px 0 #1B1C1D, 1px 1px 0 #1B1C1D;
514
519
  }
515
520
  /*
516
- * Font Awesome 5.8.2 by @fontawesome [https://fontawesome.com]
521
+ * Font Awesome 5.9.0 by @fontawesome [https://fontawesome.com]
517
522
  * License - https://fontawesome.com/license (Icons: CC BY 4.0 License, Fonts: SIL OFL 1.1 License, CSS: MIT License)
518
523
  */
519
524
 
@@ -630,9 +635,6 @@ i.icon.angle.double.right:before {
630
635
  i.icon.angle.double.up:before {
631
636
  content: "\f102";
632
637
  }
633
- i.icon.angle.down:before {
634
- content: "\f107";
635
- }
636
638
  i.icon.angle.left:before {
637
639
  content: "\f104";
638
640
  }
@@ -642,6 +644,9 @@ i.icon.angle.right:before {
642
644
  i.icon.angle.up:before {
643
645
  content: "\f106";
644
646
  }
647
+ i.icon.angle.down:before {
648
+ content: "\f107";
649
+ }
645
650
  i.icon.angry:before {
646
651
  content: "\f556";
647
652
  }
@@ -738,6 +743,12 @@ i.icon.bacon:before {
738
743
  i.icon.balance.scale:before {
739
744
  content: "\f24e";
740
745
  }
746
+ i.icon.balance.scale.left:before {
747
+ content: "\f515";
748
+ }
749
+ i.icon.balance.scale.right:before {
750
+ content: "\f516";
751
+ }
741
752
  i.icon.ban:before {
742
753
  content: "\f05e";
743
754
  }
@@ -795,6 +806,9 @@ i.icon.bible:before {
795
806
  i.icon.bicycle:before {
796
807
  content: "\f206";
797
808
  }
809
+ i.icon.biking:before {
810
+ content: "\f84a";
811
+ }
798
812
  i.icon.binoculars:before {
799
813
  content: "\f1e5";
800
814
  }
@@ -849,6 +863,15 @@ i.icon.book.reader:before {
849
863
  i.icon.bookmark:before {
850
864
  content: "\f02e";
851
865
  }
866
+ i.icon.border.all:before {
867
+ content: "\f84c";
868
+ }
869
+ i.icon.border.none:before {
870
+ content: "\f850";
871
+ }
872
+ i.icon.border.style:before {
873
+ content: "\f853";
874
+ }
852
875
  i.icon.bowling.ball:before {
853
876
  content: "\f436";
854
877
  }
@@ -1467,6 +1490,9 @@ i.icon.eye.dropper:before {
1467
1490
  i.icon.eye.slash:before {
1468
1491
  content: "\f070";
1469
1492
  }
1493
+ i.icon.fan:before {
1494
+ content: "\f863";
1495
+ }
1470
1496
  i.icon.fast.backward:before {
1471
1497
  content: "\f049";
1472
1498
  }
@@ -1950,6 +1976,9 @@ i.icon.ice.cream:before {
1950
1976
  i.icon.icicles:before {
1951
1977
  content: "\f7ad";
1952
1978
  }
1979
+ i.icon.icons:before {
1980
+ content: "\f86d";
1981
+ }
1953
1982
  i.icon.id.badge:before {
1954
1983
  content: "\f2c1";
1955
1984
  }
@@ -2406,15 +2435,24 @@ i.icon.person.booth:before {
2406
2435
  i.icon.phone:before {
2407
2436
  content: "\f095";
2408
2437
  }
2438
+ i.icon.phone.alternate:before {
2439
+ content: "\f879";
2440
+ }
2409
2441
  i.icon.phone.slash:before {
2410
2442
  content: "\f3dd";
2411
2443
  }
2412
2444
  i.icon.phone.square:before {
2413
2445
  content: "\f098";
2414
2446
  }
2447
+ i.icon.phone.square.alternate:before {
2448
+ content: "\f87b";
2449
+ }
2415
2450
  i.icon.phone.volume:before {
2416
2451
  content: "\f2a0";
2417
2452
  }
2453
+ i.icon.photo.video:before {
2454
+ content: "\f87c";
2455
+ }
2418
2456
  i.icon.piggy.bank:before {
2419
2457
  content: "\f4d3";
2420
2458
  }
@@ -2556,6 +2594,9 @@ i.icon.redo.alternate:before {
2556
2594
  i.icon.registered:before {
2557
2595
  content: "\f25d";
2558
2596
  }
2597
+ i.icon.remove.format:before {
2598
+ content: "\f87d";
2599
+ }
2559
2600
  i.icon.reply:before {
2560
2601
  content: "\f3e5";
2561
2602
  }
@@ -2802,24 +2843,42 @@ i.icon.sort:before {
2802
2843
  i.icon.sort.alphabet.down:before {
2803
2844
  content: "\f15d";
2804
2845
  }
2846
+ i.icon.sort.alphabet.down.alternate:before {
2847
+ content: "\f881";
2848
+ }
2805
2849
  i.icon.sort.alphabet.up:before {
2806
2850
  content: "\f15e";
2807
2851
  }
2852
+ i.icon.sort.alphabet.up.alternate:before {
2853
+ content: "\f882";
2854
+ }
2808
2855
  i.icon.sort.amount.down:before {
2809
2856
  content: "\f160";
2810
2857
  }
2858
+ i.icon.sort.amount.down.alternate:before {
2859
+ content: "\f884";
2860
+ }
2811
2861
  i.icon.sort.amount.up:before {
2812
2862
  content: "\f161";
2813
2863
  }
2864
+ i.icon.sort.amount.up.alternate:before {
2865
+ content: "\f885";
2866
+ }
2814
2867
  i.icon.sort.down:before {
2815
2868
  content: "\f0dd";
2816
2869
  }
2817
2870
  i.icon.sort.numeric.down:before {
2818
2871
  content: "\f162";
2819
2872
  }
2873
+ i.icon.sort.numeric.down.alternate:before {
2874
+ content: "\f886";
2875
+ }
2820
2876
  i.icon.sort.numeric.up:before {
2821
2877
  content: "\f163";
2822
2878
  }
2879
+ i.icon.sort.numeric.up.alternate:before {
2880
+ content: "\f887";
2881
+ }
2823
2882
  i.icon.sort.up:before {
2824
2883
  content: "\f0de";
2825
2884
  }
@@ -2829,6 +2888,9 @@ i.icon.spa:before {
2829
2888
  i.icon.space.shuttle:before {
2830
2889
  content: "\f197";
2831
2890
  }
2891
+ i.icon.spell.check:before {
2892
+ content: "\f891";
2893
+ }
2832
2894
  i.icon.spider:before {
2833
2895
  content: "\f717";
2834
2896
  }
@@ -3300,6 +3362,9 @@ i.icon.video.slash:before {
3300
3362
  i.icon.vihara:before {
3301
3363
  content: "\f6a7";
3302
3364
  }
3365
+ i.icon.voicemail:before {
3366
+ content: "\f897";
3367
+ }
3303
3368
  i.icon.volleyball.ball:before {
3304
3369
  content: "\f45f";
3305
3370
  }
@@ -5766,10 +5831,6 @@ i.icon.nimblr:before {
5766
5831
  content: "\f5a8";
5767
5832
  font-family: 'brand-icons';
5768
5833
  }
5769
- i.icon.nintendo.switch:before {
5770
- content: "\f418";
5771
- font-family: 'brand-icons';
5772
- }
5773
5834
  i.icon.node:before {
5774
5835
  content: "\f419";
5775
5836
  font-family: 'brand-icons';
@@ -36,7 +36,7 @@ img.ui.image {
36
36
  *******************************/
37
37
 
38
38
  .ui.hidden.images,
39
- .ui.hidden.image {
39
+ .ui.ui.hidden.image {
40
40
  display: none;
41
41
  }
42
42
  .ui.hidden.transition.images,
@@ -22,13 +22,17 @@
22
22
  position: relative;
23
23
  font-weight: normal;
24
24
  font-style: normal;
25
+ display: -webkit-inline-box;
26
+ display: -ms-inline-flexbox;
25
27
  display: inline-flex;
26
28
  color: rgba(0, 0, 0, 0.87);
27
29
  }
28
30
  .ui.input > input {
29
31
  margin: 0;
30
32
  max-width: 100%;
31
- flex: 1 0 auto;
33
+ -webkit-box-flex: 1;
34
+ -ms-flex: 1 0 auto;
35
+ flex: 1 0 auto;
32
36
  outline: none;
33
37
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
34
38
  text-align: left;
@@ -39,8 +43,12 @@
39
43
  border: 1px solid rgba(34, 36, 38, 0.15);
40
44
  color: rgba(0, 0, 0, 0.87);
41
45
  border-radius: 0.28571429rem;
46
+ -webkit-transition: border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
47
+ transition: border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
42
48
  transition: box-shadow 0.1s ease, border-color 0.1s ease;
43
- box-shadow: none;
49
+ transition: box-shadow 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
50
+ -webkit-box-shadow: none;
51
+ box-shadow: none;
44
52
  }
45
53
 
46
54
  /*--------------------
@@ -87,7 +95,8 @@
87
95
  border-color: rgba(0, 0, 0, 0.3);
88
96
  background: #FAFAFA;
89
97
  color: rgba(0, 0, 0, 0.87);
90
- box-shadow: none;
98
+ -webkit-box-shadow: none;
99
+ box-shadow: none;
91
100
  }
92
101
 
93
102
  /*--------------------
@@ -117,7 +126,8 @@
117
126
  animation: loader 0.6s infinite linear;
118
127
  border: 0.2em solid #767676;
119
128
  border-radius: 500rem;
120
- box-shadow: 0 0 0 1px transparent;
129
+ -webkit-box-shadow: 0 0 0 1px transparent;
130
+ box-shadow: 0 0 0 1px transparent;
121
131
  }
122
132
 
123
133
  /*--------------------
@@ -129,7 +139,8 @@
129
139
  border-color: #85B7D9;
130
140
  background: #FFFFFF;
131
141
  color: rgba(0, 0, 0, 0.8);
132
- box-shadow: none;
142
+ -webkit-box-shadow: none;
143
+ box-shadow: none;
133
144
  }
134
145
  .ui.input.focus > input::-webkit-input-placeholder,
135
146
  .ui.input > input:focus::-webkit-input-placeholder {
@@ -152,7 +163,8 @@
152
163
  background-color: #FFF6F6;
153
164
  border-color: #E0B4B4;
154
165
  color: #9F3A38;
155
- box-shadow: none;
166
+ -webkit-box-shadow: none;
167
+ box-shadow: none;
156
168
  }
157
169
 
158
170
  /* Error Placeholder */
@@ -192,7 +204,8 @@
192
204
  border-color: transparent !important;
193
205
  background-color: transparent !important;
194
206
  padding: 0;
195
- box-shadow: none !important;
207
+ -webkit-box-shadow: none !important;
208
+ box-shadow: none !important;
196
209
  border-radius: 0 !important;
197
210
  }
198
211
  .field .ui.transparent.input > textarea {
@@ -246,6 +259,7 @@
246
259
  width: 2.67142857em;
247
260
  opacity: 0.5;
248
261
  border-radius: 0 0.28571429rem 0.28571429rem 0;
262
+ -webkit-transition: opacity 0.3s ease;
249
263
  transition: opacity 0.3s ease;
250
264
  }
251
265
  .ui.icon.input > i.icon:not(.link) {
@@ -301,7 +315,9 @@
301
315
 
302
316
  /* Adjacent Label */
303
317
  .ui.labeled.input > .label {
304
- flex: 0 0 auto;
318
+ -webkit-box-flex: 0;
319
+ -ms-flex: 0 0 auto;
320
+ flex: 0 0 auto;
305
321
  margin: 0;
306
322
  font-size: 1em;
307
323
  }
@@ -419,9 +435,15 @@
419
435
 
420
436
  .ui.action.input > .button,
421
437
  .ui.action.input > .buttons {
438
+ display: -webkit-box;
439
+ display: -ms-flexbox;
422
440
  display: flex;
423
- align-items: center;
424
- flex: 0 0 auto;
441
+ -webkit-box-align: center;
442
+ -ms-flex-align: center;
443
+ align-items: center;
444
+ -webkit-box-flex: 0;
445
+ -ms-flex: 0 0 auto;
446
+ flex: 0 0 auto;
425
447
  }
426
448
  .ui.action.input > .button,
427
449
  .ui.action.input > .buttons > .button {
@@ -489,6 +511,8 @@
489
511
  ---------------------*/
490
512
 
491
513
  .ui.fluid.input {
514
+ display: -webkit-box;
515
+ display: -ms-flexbox;
492
516
  display: flex;
493
517
  }
494
518
  .ui.fluid.input > input {