fomantic-ui-sass 2.7.5 → 2.7.6

Sign up to get free protection for your applications and to get access to all the features.
Files changed (77) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/fonts/semantic-ui/brand-icons.eot +0 -0
  3. data/app/assets/fonts/semantic-ui/brand-icons.svg +773 -617
  4. data/app/assets/fonts/semantic-ui/brand-icons.ttf +0 -0
  5. data/app/assets/fonts/semantic-ui/brand-icons.woff +0 -0
  6. data/app/assets/fonts/semantic-ui/brand-icons.woff2 +0 -0
  7. data/app/assets/fonts/semantic-ui/icons.eot +0 -0
  8. data/app/assets/fonts/semantic-ui/icons.svg +150 -139
  9. data/app/assets/fonts/semantic-ui/icons.ttf +0 -0
  10. data/app/assets/fonts/semantic-ui/icons.woff +0 -0
  11. data/app/assets/fonts/semantic-ui/icons.woff2 +0 -0
  12. data/app/assets/fonts/semantic-ui/outline-icons.eot +0 -0
  13. data/app/assets/fonts/semantic-ui/outline-icons.svg +13 -9
  14. data/app/assets/fonts/semantic-ui/outline-icons.ttf +0 -0
  15. data/app/assets/fonts/semantic-ui/outline-icons.woff +0 -0
  16. data/app/assets/fonts/semantic-ui/outline-icons.woff2 +0 -0
  17. data/app/assets/javascripts/semantic-ui/api.js +0 -1
  18. data/app/assets/javascripts/semantic-ui/calendar.js +31 -14
  19. data/app/assets/javascripts/semantic-ui/dropdown.js +2 -2
  20. data/app/assets/javascripts/semantic-ui/embed.js +1 -1
  21. data/app/assets/javascripts/semantic-ui/form.js +4 -3
  22. data/app/assets/javascripts/semantic-ui/popup.js +2 -2
  23. data/app/assets/javascripts/semantic-ui/progress.js +118 -72
  24. data/app/assets/javascripts/semantic-ui/slider.js +7 -3
  25. data/app/assets/javascripts/semantic-ui/transition.js +1 -1
  26. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +0 -6
  27. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +26 -70
  28. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +71 -187
  29. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +113 -161
  30. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +47 -113
  31. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +50 -85
  32. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +325 -685
  33. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +0 -6
  34. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +0 -18
  35. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +0 -993
  36. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +4 -16
  37. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +8 -10989
  38. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +0 -6
  39. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +31 -55
  40. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +6 -27
  41. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +0 -10
  42. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +1 -8
  43. data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +0 -10
  44. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +0 -6
  45. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +2 -13
  46. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +27 -80
  47. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +21 -97
  48. data/app/assets/stylesheets/semantic-ui/elements/_text.scss +0 -6
  49. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +5 -357
  50. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +9 -7
  51. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +1 -32
  52. data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +4 -14
  53. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +9 -58
  54. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +5 -26
  55. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +39 -142
  56. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +1 -10
  57. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +17 -51
  58. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +1 -10
  59. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +19 -46
  60. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +209 -12
  61. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +1 -12
  62. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +5 -22
  63. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +1 -12
  64. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +2 -21
  65. data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +1 -18
  66. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +0 -7
  67. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +1 -8
  68. data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +2 -5
  69. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +1 -1201
  70. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +0 -6
  71. data/app/assets/stylesheets/semantic-ui/views/_card.scss +81 -189
  72. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +3 -13
  73. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +6 -26
  74. data/app/assets/stylesheets/semantic-ui/views/_item.scss +12 -43
  75. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +10 -48
  76. data/lib/fomantic/ui/sass/version.rb +2 -2
  77. metadata +2 -2
@@ -519,14 +519,18 @@ $.fn.slider = function(parameters) {
519
519
  return settings.min;
520
520
  },
521
521
  max: function() {
522
- return settings.max;
522
+ var step = module.get.step(),
523
+ min = module.get.min(),
524
+ quotient = step === 0 ? 0 : Math.floor((settings.max - min) / step),
525
+ remainder = step === 0 ? 0 : (settings.max - min) % step;
526
+ return remainder === 0 ? settings.max : min + quotient * step;
523
527
  },
524
528
  step: function() {
525
529
  return settings.step;
526
530
  },
527
531
  numLabels: function() {
528
532
  var value = Math.round((module.get.max() - module.get.min()) / module.get.step());
529
- module.debug('Determined that their should be ' + value + ' labels');
533
+ module.debug('Determined that there should be ' + value + ' labels');
530
534
  return value;
531
535
  },
532
536
  labelType: function() {
@@ -539,7 +543,7 @@ $.fn.slider = function(parameters) {
539
543
 
540
544
  switch (settings.labelType) {
541
545
  case settings.labelTypes.number:
542
- return (value * module.get.step()) + module.get.min();
546
+ return Math.round(((value * module.get.step()) + module.get.min()) * precision ) / precision;
543
547
  case settings.labelTypes.letter:
544
548
  return alphabet[(value) % 26];
545
549
  default:
@@ -215,7 +215,7 @@ $.fn.transition = function() {
215
215
  },
216
216
 
217
217
  complete: function (event) {
218
- if(event.target === element) {
218
+ if(event && event.target === element) {
219
219
  event.stopPropagation();
220
220
  }
221
221
  module.debug('Animation complete', settings.animation);
@@ -129,12 +129,6 @@
129
129
 
130
130
 
131
131
 
132
- /*******************************
133
- Theme Overrides
134
- *******************************/
135
-
136
-
137
-
138
132
  /*******************************
139
133
  Site Overrides
140
134
  *******************************/
@@ -111,13 +111,12 @@
111
111
  border: 1px solid rgba(34, 36, 38, 0.15);
112
112
  color: rgba(0, 0, 0, 0.87);
113
113
  border-radius: 0.28571429rem;
114
- -webkit-box-shadow: 0 0 0 0 transparent inset;
115
- box-shadow: 0 0 0 0 transparent inset;
116
- -webkit-transition: color 0.1s ease, border-color 0.1s ease;
114
+ box-shadow: 0 0 0 0 transparent inset;
117
115
  transition: color 0.1s ease, border-color 0.1s ease;
118
116
  }
119
117
 
120
118
  /* Text Area */
119
+ .ui.input textarea,
121
120
  .ui.form textarea {
122
121
  margin: 0;
123
122
  -webkit-appearance: none;
@@ -128,9 +127,7 @@
128
127
  outline: none;
129
128
  color: rgba(0, 0, 0, 0.87);
130
129
  border-radius: 0.28571429rem;
131
- -webkit-box-shadow: 0 0 0 0 transparent inset;
132
- box-shadow: 0 0 0 0 transparent inset;
133
- -webkit-transition: color 0.1s ease, border-color 0.1s ease;
130
+ box-shadow: 0 0 0 0 transparent inset;
134
131
  transition: color 0.1s ease, border-color 0.1s ease;
135
132
  font-size: 1em;
136
133
  font-family: $font-family;
@@ -174,18 +171,19 @@
174
171
  Transparent
175
172
  ---------------------*/
176
173
 
177
- .ui.form .field .transparent.input input,
174
+ .ui.form .field .transparent.input:not(.icon) input,
178
175
  .ui.form .field input.transparent,
179
176
  .ui.form .field textarea.transparent {
180
- padding: 0.67857143em 1em !important;
177
+ padding: 0.67857143em 1em;
181
178
  }
179
+ .ui.form .field input.transparent,
182
180
  .ui.form .field textarea.transparent {
183
181
  border-color: transparent !important;
184
182
  background-color: transparent !important;
185
- -webkit-box-shadow: none !important;
186
- box-shadow: none !important;
183
+ box-shadow: none !important;
187
184
  }
188
185
  .ui.form .field.error .transparent.input input,
186
+ .ui.form .field.error .transparent.input textarea,
189
187
  .ui.form .field.error input.transparent,
190
188
  .ui.form .field.error textarea.transparent {
191
189
  background-color: #FFF6F6 !important;
@@ -211,11 +209,9 @@
211
209
  background: #FFFFFF;
212
210
  border: 1px solid rgba(34, 36, 38, 0.15);
213
211
  border-radius: 0.28571429rem;
214
- -webkit-box-shadow: 0 0 0 0 transparent inset;
215
- box-shadow: 0 0 0 0 transparent inset;
212
+ box-shadow: 0 0 0 0 transparent inset;
216
213
  padding: 0.62em 1em;
217
214
  color: rgba(0, 0, 0, 0.87);
218
- -webkit-transition: color 0.1s ease, border-color 0.1s ease;
219
215
  transition: color 0.1s ease, border-color 0.1s ease;
220
216
  }
221
217
 
@@ -279,9 +275,7 @@
279
275
  .ui.form .three.fields .ui.input input,
280
276
  .ui.form .two.fields .ui.input input,
281
277
  .ui.form .wide.field .ui.input input {
282
- -webkit-box-flex: 1;
283
- -ms-flex: 1 0 auto;
284
- flex: 1 0 auto;
278
+ flex: 1 0 auto;
285
279
  width: 0;
286
280
  }
287
281
 
@@ -336,22 +330,19 @@
336
330
  ---------------------*/
337
331
 
338
332
  .ui.form .field.field input:-webkit-autofill {
339
- -webkit-box-shadow: 0 0 0 100px #FFFFF0 inset !important;
340
- box-shadow: 0 0 0 100px #FFFFF0 inset !important;
333
+ box-shadow: 0 0 0 100px #FFFFF0 inset !important;
341
334
  border-color: #E5DFA1 !important;
342
335
  }
343
336
 
344
337
  /* Focus */
345
338
  .ui.form .field.field input:-webkit-autofill:focus {
346
- -webkit-box-shadow: 0 0 0 100px #FFFFF0 inset !important;
347
- box-shadow: 0 0 0 100px #FFFFF0 inset !important;
339
+ box-shadow: 0 0 0 100px #FFFFF0 inset !important;
348
340
  border-color: #D5C315 !important;
349
341
  }
350
342
 
351
343
  /* Error */
352
344
  .ui.form .error.error input:-webkit-autofill {
353
- -webkit-box-shadow: 0 0 0 100px #FFFAF0 inset !important;
354
- box-shadow: 0 0 0 100px #FFFAF0 inset !important;
345
+ box-shadow: 0 0 0 100px #FFFAF0 inset !important;
355
346
  border-color: #E0B4B4 !important;
356
347
  }
357
348
 
@@ -420,16 +411,14 @@
420
411
  border-color: #85B7D9;
421
412
  border-radius: 0.28571429rem;
422
413
  background: #FFFFFF;
423
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset;
424
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset;
414
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset;
425
415
  }
426
416
  .ui.form textarea:focus {
427
417
  color: rgba(0, 0, 0, 0.95);
428
418
  border-color: #85B7D9;
429
419
  border-radius: 0.28571429rem;
430
420
  background: #FFFFFF;
431
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset;
432
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset;
421
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset;
433
422
  -webkit-appearance: none;
434
423
  }
435
424
 
@@ -446,8 +435,6 @@
446
435
  display: inline-block;
447
436
  }
448
437
  .ui.form.success .icon.success.message:not(:empty) {
449
- display: -webkit-box;
450
- display: -ms-flexbox;
451
438
  display: flex;
452
439
  }
453
440
 
@@ -464,8 +451,6 @@
464
451
  display: inline-block;
465
452
  }
466
453
  .ui.form.warning .icon.warning.message:not(:empty) {
467
- display: -webkit-box;
468
- display: -ms-flexbox;
469
454
  display: flex;
470
455
  }
471
456
 
@@ -482,8 +467,6 @@
482
467
  display: inline-block;
483
468
  }
484
469
  .ui.form.error .icon.error.message:not(:empty) {
485
- display: -webkit-box;
486
- display: -ms-flexbox;
487
470
  display: flex;
488
471
  }
489
472
 
@@ -531,8 +514,7 @@
531
514
  border-color: #E0B4B4;
532
515
  color: #9F3A38;
533
516
  border-radius: '';
534
- -webkit-box-shadow: none;
535
- box-shadow: none;
517
+ box-shadow: none;
536
518
  }
537
519
  .ui.form .field.error textarea:focus,
538
520
  .ui.form .field.error select:focus,
@@ -551,8 +533,7 @@
551
533
  background: #FFF6F6;
552
534
  border-color: #E0B4B4;
553
535
  color: #9F3A38;
554
- -webkit-box-shadow: none;
555
- box-shadow: none;
536
+ box-shadow: none;
556
537
  }
557
538
 
558
539
  /* Preserve Native Select Stylings */
@@ -684,8 +665,7 @@
684
665
  animation: loader 0.6s infinite linear;
685
666
  border: 0.2em solid #767676;
686
667
  border-radius: 500rem;
687
- -webkit-box-shadow: 0 0 0 1px transparent;
688
- box-shadow: 0 0 0 1px transparent;
668
+ box-shadow: 0 0 0 1px transparent;
689
669
  visibility: visible;
690
670
  z-index: 101;
691
671
  }
@@ -770,8 +750,7 @@
770
750
  background: #FFFFFF;
771
751
  border-color: rgba(255, 255, 255, 0.1);
772
752
  color: rgba(0, 0, 0, 0.87);
773
- -webkit-box-shadow: none;
774
- box-shadow: none;
753
+ box-shadow: none;
775
754
  }
776
755
 
777
756
  /*--------------------
@@ -808,26 +787,18 @@
808
787
 
809
788
  /* Split fields */
810
789
  .ui.form .fields {
811
- display: -webkit-box;
812
- display: -ms-flexbox;
813
790
  display: flex;
814
- -webkit-box-orient: horizontal;
815
- -webkit-box-direction: normal;
816
- -ms-flex-direction: row;
817
- flex-direction: row;
791
+ flex-direction: row;
818
792
  margin: 0 -0.5em 1em;
819
793
  }
820
794
  .ui.form .fields > .field {
821
- -webkit-box-flex: 0;
822
- -ms-flex: 0 1 auto;
823
- flex: 0 1 auto;
795
+ flex: 0 1 auto;
824
796
  padding-left: 0.5em;
825
797
  padding-right: 0.5em;
826
798
  }
827
799
  .ui.form .fields > .field:first-child {
828
800
  border-left: none;
829
- -webkit-box-shadow: none;
830
- box-shadow: none;
801
+ box-shadow: none;
831
802
  }
832
803
 
833
804
  /* Other Combinations */
@@ -871,8 +842,7 @@
871
842
  /* Swap to full width on mobile */
872
843
  @media only screen and (max-width: 767.98px) {
873
844
  .ui.form .fields {
874
- -ms-flex-wrap: wrap;
875
- flex-wrap: wrap;
845
+ flex-wrap: wrap;
876
846
  }
877
847
  .ui[class*="equal width"].form:not(.unstackable) .fields > .field,
878
848
  .ui.form:not(.unstackable) [class*="equal width"].fields:not(.unstackable) > .field,
@@ -993,9 +963,7 @@
993
963
  .ui[class*="equal width"].form .fields > .field,
994
964
  .ui.form [class*="equal width"].fields > .field {
995
965
  width: 100%;
996
- -webkit-box-flex: 1;
997
- -ms-flex: 1 1 auto;
998
- flex: 1 1 auto;
966
+ flex: 1 1 auto;
999
967
  }
1000
968
 
1001
969
  /*--------------------
@@ -1004,9 +972,7 @@
1004
972
 
1005
973
  .ui.form .inline.fields {
1006
974
  margin: 0 0 1em;
1007
- -webkit-box-align: center;
1008
- -ms-flex-align: center;
1009
- align-items: center;
975
+ align-items: center;
1010
976
  }
1011
977
  .ui.form .inline.fields .field {
1012
978
  margin: 0;
@@ -1060,12 +1026,8 @@
1060
1026
 
1061
1027
  /* Wide */
1062
1028
  .ui.form .inline.fields .wide.field {
1063
- display: -webkit-box;
1064
- display: -ms-flexbox;
1065
1029
  display: flex;
1066
- -webkit-box-align: center;
1067
- -ms-flex-align: center;
1068
- align-items: center;
1030
+ align-items: center;
1069
1031
  }
1070
1032
  .ui.form .inline.fields .wide.field > input,
1071
1033
  .ui.form .inline.fields .wide.field > select {
@@ -1160,12 +1122,6 @@
1160
1122
 
1161
1123
 
1162
1124
 
1163
- /*******************************
1164
- Theme Overrides
1165
- *******************************/
1166
-
1167
-
1168
-
1169
1125
  /*******************************
1170
1126
  Site Overrides
1171
1127
  *******************************/
@@ -14,18 +14,10 @@
14
14
  *******************************/
15
15
 
16
16
  .ui.grid {
17
- display: -webkit-box;
18
- display: -ms-flexbox;
19
17
  display: flex;
20
- -webkit-box-orient: horizontal;
21
- -webkit-box-direction: normal;
22
- -ms-flex-direction: row;
23
- flex-direction: row;
24
- -ms-flex-wrap: wrap;
25
- flex-wrap: wrap;
26
- -webkit-box-align: stretch;
27
- -ms-flex-align: stretch;
28
- align-items: stretch;
18
+ flex-direction: row;
19
+ flex-wrap: wrap;
20
+ align-items: stretch;
29
21
  padding: 0;
30
22
  }
31
23
 
@@ -79,21 +71,11 @@
79
71
 
80
72
  .ui.grid > .row {
81
73
  position: relative;
82
- display: -webkit-box;
83
- display: -ms-flexbox;
84
74
  display: flex;
85
- -webkit-box-orient: horizontal;
86
- -webkit-box-direction: normal;
87
- -ms-flex-direction: row;
88
- flex-direction: row;
89
- -ms-flex-wrap: wrap;
90
- flex-wrap: wrap;
91
- -webkit-box-pack: inherit;
92
- -ms-flex-pack: inherit;
93
- justify-content: inherit;
94
- -webkit-box-align: stretch;
95
- -ms-flex-align: stretch;
96
- align-items: stretch;
75
+ flex-direction: row;
76
+ flex-wrap: wrap;
77
+ justify-content: inherit;
78
+ align-items: stretch;
97
79
  width: 100% !important;
98
80
  padding: 0;
99
81
  padding-top: 1rem;
@@ -145,9 +127,7 @@
145
127
 
146
128
  /* Align Dividers with Gutter */
147
129
  .ui.grid .row + .ui.divider {
148
- -webkit-box-flex: 1;
149
- -ms-flex-positive: 1;
150
- flex-grow: 1;
130
+ flex-grow: 1;
151
131
  margin: 1rem 1rem;
152
132
  }
153
133
  .ui.grid .column + .ui.vertical.divider {
@@ -157,8 +137,7 @@
157
137
  /* Remove Border on Last Horizontal Segment */
158
138
  .ui.grid > .row > .column:last-child > .horizontal.segment,
159
139
  .ui.grid > .column:last-child > .horizontal.segment {
160
- -webkit-box-shadow: none;
161
- box-shadow: none;
140
+ box-shadow: none;
162
141
  }
163
142
 
164
143
 
@@ -346,8 +325,7 @@
346
325
 
347
326
  /* Celled Page */
348
327
  .ui.celled.page.grid {
349
- -webkit-box-shadow: none;
350
- box-shadow: none;
328
+ box-shadow: none;
351
329
  }
352
330
 
353
331
  /*-------------------
@@ -966,9 +944,7 @@
966
944
  .ui.centered.grid > .row,
967
945
  .ui.grid > .centered.row {
968
946
  text-align: center;
969
- -webkit-box-pack: center;
970
- -ms-flex-pack: center;
971
- justify-content: center;
947
+ justify-content: center;
972
948
  }
973
949
  .ui.centered.grid > .column:not(.aligned):not(.justified):not(.row),
974
950
  .ui.centered.grid > .row > .column:not(.aligned):not(.justified),
@@ -1044,8 +1020,7 @@
1044
1020
 
1045
1021
  .ui.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
1046
1022
  .ui.divided.grid:not([class*="vertically divided"]) > .row > .column {
1047
- -webkit-box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
1048
- box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
1023
+ box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
1049
1024
  }
1050
1025
 
1051
1026
  /* Swap from padding to margin on columns to have dividers align */
@@ -1064,8 +1039,7 @@
1064
1039
  /* No divider on first column on row */
1065
1040
  .ui.divided.grid:not([class*="vertically divided"]) > .column:first-child,
1066
1041
  .ui.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
1067
- -webkit-box-shadow: none;
1068
- box-shadow: none;
1042
+ box-shadow: none;
1069
1043
  }
1070
1044
 
1071
1045
  /* No space on top of first row */
@@ -1075,12 +1049,10 @@
1075
1049
 
1076
1050
  /* Divided Row */
1077
1051
  .ui.grid > .divided.row > .column {
1078
- -webkit-box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
1079
- box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
1052
+ box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
1080
1053
  }
1081
1054
  .ui.grid > .divided.row > .column:first-child {
1082
- -webkit-box-shadow: none;
1083
- box-shadow: none;
1055
+ box-shadow: none;
1084
1056
  }
1085
1057
 
1086
1058
  /* Vertically Divided */
@@ -1095,8 +1067,7 @@
1095
1067
  width: calc(100% - 2rem);
1096
1068
  height: 1px;
1097
1069
  margin: 0 1rem;
1098
- -webkit-box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
1099
- box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
1070
+ box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
1100
1071
  }
1101
1072
 
1102
1073
  /* Padded Horizontally Divided */
@@ -1107,24 +1078,20 @@
1107
1078
 
1108
1079
  /* First Row Vertically Divided */
1109
1080
  .ui[class*="vertically divided"].grid > .row:first-child:before {
1110
- -webkit-box-shadow: none;
1111
- box-shadow: none;
1081
+ box-shadow: none;
1112
1082
  }
1113
1083
 
1114
1084
  /* Inverted Divided */
1115
1085
  .ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
1116
1086
  .ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column {
1117
- -webkit-box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.1);
1118
- box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.1);
1087
+ box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.1);
1119
1088
  }
1120
1089
  .ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row):first-child,
1121
1090
  .ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
1122
- -webkit-box-shadow: none;
1123
- box-shadow: none;
1091
+ box-shadow: none;
1124
1092
  }
1125
1093
  .ui.inverted[class*="vertically divided"].grid > .row:before {
1126
- -webkit-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.1);
1127
- box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.1);
1094
+ box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.1);
1128
1095
  }
1129
1096
 
1130
1097
  /* Relaxed */
@@ -1146,25 +1113,21 @@
1146
1113
  .ui.celled.grid {
1147
1114
  width: 100%;
1148
1115
  margin: 1em 0;
1149
- -webkit-box-shadow: 0 0 0 1px #D4D4D5;
1150
- box-shadow: 0 0 0 1px #D4D4D5;
1116
+ box-shadow: 0 0 0 1px #D4D4D5;
1151
1117
  }
1152
1118
  .ui.celled.grid > .row {
1153
1119
  width: 100% !important;
1154
1120
  margin: 0;
1155
1121
  padding: 0;
1156
- -webkit-box-shadow: 0 -1px 0 0 #D4D4D5;
1157
- box-shadow: 0 -1px 0 0 #D4D4D5;
1122
+ box-shadow: 0 -1px 0 0 #D4D4D5;
1158
1123
  }
1159
1124
  .ui.celled.grid > .column:not(.row),
1160
1125
  .ui.celled.grid > .row > .column {
1161
- -webkit-box-shadow: -1px 0 0 0 #D4D4D5;
1162
- box-shadow: -1px 0 0 0 #D4D4D5;
1126
+ box-shadow: -1px 0 0 0 #D4D4D5;
1163
1127
  }
1164
1128
  .ui.celled.grid > .column:first-child,
1165
1129
  .ui.celled.grid > .row > .column:first-child {
1166
- -webkit-box-shadow: none;
1167
- box-shadow: none;
1130
+ box-shadow: none;
1168
1131
  }
1169
1132
  .ui.celled.grid > .column:not(.row),
1170
1133
  .ui.celled.grid > .row > .column {
@@ -1181,17 +1144,14 @@
1181
1144
 
1182
1145
  /* Internally Celled */
1183
1146
  .ui[class*="internally celled"].grid {
1184
- -webkit-box-shadow: none;
1185
- box-shadow: none;
1147
+ box-shadow: none;
1186
1148
  margin: 0;
1187
1149
  }
1188
1150
  .ui[class*="internally celled"].grid > .row:first-child {
1189
- -webkit-box-shadow: none;
1190
- box-shadow: none;
1151
+ box-shadow: none;
1191
1152
  }
1192
1153
  .ui[class*="internally celled"].grid > .row > .column:first-child {
1193
- -webkit-box-shadow: none;
1194
- box-shadow: none;
1154
+ box-shadow: none;
1195
1155
  }
1196
1156
 
1197
1157
  /*----------------------
@@ -1205,13 +1165,9 @@
1205
1165
  .ui.grid > [class*="top aligned"].row > .column,
1206
1166
  .ui.grid > [class*="top aligned"].column:not(.row),
1207
1167
  .ui.grid > .row > [class*="top aligned"].column {
1208
- -webkit-box-orient: vertical;
1209
- -webkit-box-direction: normal;
1210
- -ms-flex-direction: column;
1211
- flex-direction: column;
1168
+ flex-direction: column;
1212
1169
  vertical-align: top;
1213
- -ms-flex-item-align: start !important;
1214
- align-self: flex-start !important;
1170
+ align-self: flex-start !important;
1215
1171
  }
1216
1172
 
1217
1173
  /* Middle Aligned */
@@ -1220,13 +1176,9 @@
1220
1176
  .ui.grid > [class*="middle aligned"].row > .column,
1221
1177
  .ui.grid > [class*="middle aligned"].column:not(.row),
1222
1178
  .ui.grid > .row > [class*="middle aligned"].column {
1223
- -webkit-box-orient: vertical;
1224
- -webkit-box-direction: normal;
1225
- -ms-flex-direction: column;
1226
- flex-direction: column;
1179
+ flex-direction: column;
1227
1180
  vertical-align: middle;
1228
- -ms-flex-item-align: center !important;
1229
- align-self: center !important;
1181
+ align-self: center !important;
1230
1182
  }
1231
1183
 
1232
1184
  /* Bottom Aligned */
@@ -1235,13 +1187,9 @@
1235
1187
  .ui.grid > [class*="bottom aligned"].row > .column,
1236
1188
  .ui.grid > [class*="bottom aligned"].column:not(.row),
1237
1189
  .ui.grid > .row > [class*="bottom aligned"].column {
1238
- -webkit-box-orient: vertical;
1239
- -webkit-box-direction: normal;
1240
- -ms-flex-direction: column;
1241
- flex-direction: column;
1190
+ flex-direction: column;
1242
1191
  vertical-align: bottom;
1243
- -ms-flex-item-align: end !important;
1244
- align-self: flex-end !important;
1192
+ align-self: flex-end !important;
1245
1193
  }
1246
1194
 
1247
1195
  /* Stretched */
@@ -1250,24 +1198,16 @@
1250
1198
  .ui.grid > .stretched.row > .column,
1251
1199
  .ui.grid > .stretched.column:not(.row),
1252
1200
  .ui.grid > .row > .stretched.column {
1253
- display: -webkit-inline-box !important;
1254
- display: -ms-inline-flexbox !important;
1255
1201
  display: inline-flex !important;
1256
- -ms-flex-item-align: stretch;
1257
- align-self: stretch;
1258
- -webkit-box-orient: vertical;
1259
- -webkit-box-direction: normal;
1260
- -ms-flex-direction: column;
1261
- flex-direction: column;
1202
+ align-self: stretch;
1203
+ flex-direction: column;
1262
1204
  }
1263
1205
  .ui.stretched.grid > .row > .column > *,
1264
1206
  .ui.stretched.grid > .column > *,
1265
1207
  .ui.grid > .stretched.row > .column > *,
1266
1208
  .ui.grid > .stretched.column:not(.row) > *,
1267
1209
  .ui.grid > .row > .stretched.column > * {
1268
- -webkit-box-flex: 1;
1269
- -ms-flex-positive: 1;
1270
- flex-grow: 1;
1210
+ flex-grow: 1;
1271
1211
  }
1272
1212
 
1273
1213
  /*----------------------
@@ -1282,8 +1222,7 @@
1282
1222
  .ui.grid > [class*="left aligned"].column.column,
1283
1223
  .ui.grid > .row > [class*="left aligned"].column.column {
1284
1224
  text-align: left;
1285
- -ms-flex-item-align: inherit;
1286
- align-self: inherit;
1225
+ align-self: inherit;
1287
1226
  }
1288
1227
 
1289
1228
  /* Center Aligned */
@@ -1293,13 +1232,10 @@
1293
1232
  .ui.grid > [class*="center aligned"].column.column,
1294
1233
  .ui.grid > .row > [class*="center aligned"].column.column {
1295
1234
  text-align: center;
1296
- -ms-flex-item-align: inherit;
1297
- align-self: inherit;
1235
+ align-self: inherit;
1298
1236
  }
1299
1237
  .ui[class*="center aligned"].grid {
1300
- -webkit-box-pack: center;
1301
- -ms-flex-pack: center;
1302
- justify-content: center;
1238
+ justify-content: center;
1303
1239
  }
1304
1240
 
1305
1241
  /* Right Aligned */
@@ -1309,8 +1245,7 @@
1309
1245
  .ui.grid > [class*="right aligned"].column.column,
1310
1246
  .ui.grid > .row > [class*="right aligned"].column.column {
1311
1247
  text-align: right;
1312
- -ms-flex-item-align: inherit;
1313
- align-self: inherit;
1248
+ align-self: inherit;
1314
1249
  }
1315
1250
 
1316
1251
  /* Justified */
@@ -1428,16 +1363,12 @@
1428
1363
  .ui[class*="equal width"].grid > .row > .column,
1429
1364
  .ui.grid > [class*="equal width"].row > .column {
1430
1365
  display: inline-block;
1431
- -webkit-box-flex: 1;
1432
- -ms-flex-positive: 1;
1433
- flex-grow: 1;
1366
+ flex-grow: 1;
1434
1367
  }
1435
1368
  .ui[class*="equal width"].grid > .wide.column,
1436
1369
  .ui[class*="equal width"].grid > .row > .wide.column,
1437
1370
  .ui.grid > [class*="equal width"].row > .wide.column {
1438
- -webkit-box-flex: 0;
1439
- -ms-flex-positive: 0;
1440
- flex-grow: 0;
1371
+ flex-grow: 0;
1441
1372
  }
1442
1373
 
1443
1374
  /*----------------------
@@ -1450,49 +1381,37 @@
1450
1381
  .ui[class*="mobile reversed"].grid,
1451
1382
  .ui[class*="mobile reversed"].grid > .row,
1452
1383
  .ui.grid > [class*="mobile reversed"].row {
1453
- -webkit-box-orient: horizontal;
1454
- -webkit-box-direction: reverse;
1455
- -ms-flex-direction: row-reverse;
1456
- flex-direction: row-reverse;
1384
+ flex-direction: row-reverse;
1457
1385
  }
1458
1386
  .ui[class*="mobile vertically reversed"].grid,
1459
1387
  .ui.stackable[class*="mobile reversed"] {
1460
- -webkit-box-orient: vertical;
1461
- -webkit-box-direction: reverse;
1462
- -ms-flex-direction: column-reverse;
1463
- flex-direction: column-reverse;
1388
+ flex-direction: column-reverse;
1464
1389
  }
1465
1390
 
1466
1391
  /* Divided Reversed */
1467
1392
  .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
1468
1393
  .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
1469
- -webkit-box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
1470
- box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
1394
+ box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
1471
1395
  }
1472
1396
  .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
1473
1397
  .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
1474
- -webkit-box-shadow: none;
1475
- box-shadow: none;
1398
+ box-shadow: none;
1476
1399
  }
1477
1400
 
1478
1401
  /* Vertically Divided Reversed */
1479
1402
  .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:first-child:before {
1480
- -webkit-box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
1481
- box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
1403
+ box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
1482
1404
  }
1483
1405
  .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:last-child:before {
1484
- -webkit-box-shadow: none;
1485
- box-shadow: none;
1406
+ box-shadow: none;
1486
1407
  }
1487
1408
 
1488
1409
  /* Celled Reversed */
1489
1410
  .ui[class*="mobile reversed"].celled.grid > .row > .column:first-child {
1490
- -webkit-box-shadow: -1px 0 0 0 #D4D4D5;
1491
- box-shadow: -1px 0 0 0 #D4D4D5;
1411
+ box-shadow: -1px 0 0 0 #D4D4D5;
1492
1412
  }
1493
1413
  .ui[class*="mobile reversed"].celled.grid > .row > .column:last-child {
1494
- -webkit-box-shadow: none;
1495
- box-shadow: none;
1414
+ box-shadow: none;
1496
1415
  }
1497
1416
  }
1498
1417
 
@@ -1501,48 +1420,36 @@
1501
1420
  .ui[class*="tablet reversed"].grid,
1502
1421
  .ui[class*="tablet reversed"].grid > .row,
1503
1422
  .ui.grid > [class*="tablet reversed"].row {
1504
- -webkit-box-orient: horizontal;
1505
- -webkit-box-direction: reverse;
1506
- -ms-flex-direction: row-reverse;
1507
- flex-direction: row-reverse;
1423
+ flex-direction: row-reverse;
1508
1424
  }
1509
1425
  .ui[class*="tablet vertically reversed"].grid {
1510
- -webkit-box-orient: vertical;
1511
- -webkit-box-direction: reverse;
1512
- -ms-flex-direction: column-reverse;
1513
- flex-direction: column-reverse;
1426
+ flex-direction: column-reverse;
1514
1427
  }
1515
1428
 
1516
1429
  /* Divided Reversed */
1517
1430
  .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
1518
1431
  .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
1519
- -webkit-box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
1520
- box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
1432
+ box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
1521
1433
  }
1522
1434
  .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
1523
1435
  .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
1524
- -webkit-box-shadow: none;
1525
- box-shadow: none;
1436
+ box-shadow: none;
1526
1437
  }
1527
1438
 
1528
1439
  /* Vertically Divided Reversed */
1529
1440
  .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:first-child:before {
1530
- -webkit-box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
1531
- box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
1441
+ box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
1532
1442
  }
1533
1443
  .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:last-child:before {
1534
- -webkit-box-shadow: none;
1535
- box-shadow: none;
1444
+ box-shadow: none;
1536
1445
  }
1537
1446
 
1538
1447
  /* Celled Reversed */
1539
1448
  .ui[class*="tablet reversed"].celled.grid > .row > .column:first-child {
1540
- -webkit-box-shadow: -1px 0 0 0 #D4D4D5;
1541
- box-shadow: -1px 0 0 0 #D4D4D5;
1449
+ box-shadow: -1px 0 0 0 #D4D4D5;
1542
1450
  }
1543
1451
  .ui[class*="tablet reversed"].celled.grid > .row > .column:last-child {
1544
- -webkit-box-shadow: none;
1545
- box-shadow: none;
1452
+ box-shadow: none;
1546
1453
  }
1547
1454
  }
1548
1455
 
@@ -1551,48 +1458,36 @@
1551
1458
  .ui[class*="computer reversed"].grid,
1552
1459
  .ui[class*="computer reversed"].grid > .row,
1553
1460
  .ui.grid > [class*="computer reversed"].row {
1554
- -webkit-box-orient: horizontal;
1555
- -webkit-box-direction: reverse;
1556
- -ms-flex-direction: row-reverse;
1557
- flex-direction: row-reverse;
1461
+ flex-direction: row-reverse;
1558
1462
  }
1559
1463
  .ui[class*="computer vertically reversed"].grid {
1560
- -webkit-box-orient: vertical;
1561
- -webkit-box-direction: reverse;
1562
- -ms-flex-direction: column-reverse;
1563
- flex-direction: column-reverse;
1464
+ flex-direction: column-reverse;
1564
1465
  }
1565
1466
 
1566
1467
  /* Divided Reversed */
1567
1468
  .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
1568
1469
  .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
1569
- -webkit-box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
1570
- box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
1470
+ box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
1571
1471
  }
1572
1472
  .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
1573
1473
  .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
1574
- -webkit-box-shadow: none;
1575
- box-shadow: none;
1474
+ box-shadow: none;
1576
1475
  }
1577
1476
 
1578
1477
  /* Vertically Divided Reversed */
1579
1478
  .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:first-child:before {
1580
- -webkit-box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
1581
- box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
1479
+ box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
1582
1480
  }
1583
1481
  .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:last-child:before {
1584
- -webkit-box-shadow: none;
1585
- box-shadow: none;
1482
+ box-shadow: none;
1586
1483
  }
1587
1484
 
1588
1485
  /* Celled Reversed */
1589
1486
  .ui[class*="computer reversed"].celled.grid > .row > .column:first-child {
1590
- -webkit-box-shadow: -1px 0 0 0 #D4D4D5;
1591
- box-shadow: -1px 0 0 0 #D4D4D5;
1487
+ box-shadow: -1px 0 0 0 #D4D4D5;
1592
1488
  }
1593
1489
  .ui[class*="computer reversed"].celled.grid > .row > .column:last-child {
1594
- -webkit-box-shadow: none;
1595
- box-shadow: none;
1490
+ box-shadow: none;
1596
1491
  }
1597
1492
  }
1598
1493
 
@@ -1616,8 +1511,7 @@
1616
1511
  display: inline-block !important;
1617
1512
  padding-top: 1rem !important;
1618
1513
  padding-bottom: 1rem !important;
1619
- -webkit-box-shadow: none !important;
1620
- box-shadow: none !important;
1514
+ box-shadow: none !important;
1621
1515
  margin: 0;
1622
1516
  }
1623
1517
  .ui[class*="two column"].doubling.grid > .row > .column,
@@ -1709,8 +1603,7 @@
1709
1603
  padding-top: 1rem !important;
1710
1604
  padding-bottom: 1rem !important;
1711
1605
  margin: 0 !important;
1712
- -webkit-box-shadow: none !important;
1713
- box-shadow: none !important;
1606
+ box-shadow: none !important;
1714
1607
  }
1715
1608
  .ui[class*="two column"].doubling:not(.stackable).grid > .row > .column,
1716
1609
  .ui[class*="two column"].doubling:not(.stackable).grid > .column:not(.row),
@@ -1808,8 +1701,7 @@
1808
1701
  .ui.grid > .stackable.stackable.row > .column {
1809
1702
  width: 100% !important;
1810
1703
  margin: 0 0 !important;
1811
- -webkit-box-shadow: none !important;
1812
- box-shadow: none !important;
1704
+ box-shadow: none !important;
1813
1705
  padding: 1rem 1rem !important;
1814
1706
  }
1815
1707
  .ui.stackable.grid:not(.vertically) > .row {
@@ -1849,14 +1741,12 @@
1849
1741
  .ui.stackable.celled.grid > .row > .column,
1850
1742
  .ui.stackable.divided:not(.vertically).grid > .row > .column {
1851
1743
  border-top: 1px solid rgba(34, 36, 38, 0.15);
1852
- -webkit-box-shadow: none !important;
1853
- box-shadow: none !important;
1744
+ box-shadow: none !important;
1854
1745
  padding-top: 2rem !important;
1855
1746
  padding-bottom: 2rem !important;
1856
1747
  }
1857
1748
  .ui.stackable.celled.grid > .row {
1858
- -webkit-box-shadow: none !important;
1859
- box-shadow: none !important;
1749
+ box-shadow: none !important;
1860
1750
  }
1861
1751
  .ui.stackable.divided:not(.vertically).grid > .column:not(.row),
1862
1752
  .ui.stackable.divided:not(.vertically).grid > .row > .column {
@@ -2073,12 +1963,6 @@
2073
1963
 
2074
1964
 
2075
1965
 
2076
- /*******************************
2077
- Theme Overrides
2078
- *******************************/
2079
-
2080
-
2081
-
2082
1966
  /*******************************
2083
1967
  Site Overrides
2084
1968
  *******************************/