fomantic-ui-sass 2.9.0 → 2.9.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (104) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +8 -0
  3. data/app/assets/fonts/semantic-ui/Lato-Bold.woff +0 -0
  4. data/app/assets/fonts/semantic-ui/Lato-Bold.woff2 +0 -0
  5. data/app/assets/fonts/semantic-ui/Lato-BoldItalic.woff +0 -0
  6. data/app/assets/fonts/semantic-ui/Lato-BoldItalic.woff2 +0 -0
  7. data/app/assets/fonts/semantic-ui/Lato-Italic.woff +0 -0
  8. data/app/assets/fonts/semantic-ui/Lato-Italic.woff2 +0 -0
  9. data/app/assets/fonts/semantic-ui/Lato-Regular.woff +0 -0
  10. data/app/assets/fonts/semantic-ui/Lato-Regular.woff2 +0 -0
  11. data/app/assets/fonts/semantic-ui/LatoLatin-Bold.woff +0 -0
  12. data/app/assets/fonts/semantic-ui/LatoLatin-Bold.woff2 +0 -0
  13. data/app/assets/fonts/semantic-ui/LatoLatin-BoldItalic.woff +0 -0
  14. data/app/assets/fonts/semantic-ui/LatoLatin-BoldItalic.woff2 +0 -0
  15. data/app/assets/fonts/semantic-ui/LatoLatin-Italic.woff +0 -0
  16. data/app/assets/fonts/semantic-ui/LatoLatin-Italic.woff2 +0 -0
  17. data/app/assets/fonts/semantic-ui/LatoLatin-Regular.woff +0 -0
  18. data/app/assets/fonts/semantic-ui/LatoLatin-Regular.woff2 +0 -0
  19. data/app/assets/fonts/semantic-ui/brand-icons.woff +0 -0
  20. data/app/assets/fonts/semantic-ui/brand-icons.woff2 +0 -0
  21. data/app/assets/fonts/semantic-ui/icons.woff +0 -0
  22. data/app/assets/fonts/semantic-ui/icons.woff2 +0 -0
  23. data/app/assets/fonts/semantic-ui/outline-icons.woff +0 -0
  24. data/app/assets/fonts/semantic-ui/outline-icons.woff2 +0 -0
  25. data/app/assets/javascripts/semantic-ui/accordion.js +569 -596
  26. data/app/assets/javascripts/semantic-ui/api.js +1158 -1180
  27. data/app/assets/javascripts/semantic-ui/calendar.js +1935 -1810
  28. data/app/assets/javascripts/semantic-ui/checkbox.js +843 -842
  29. data/app/assets/javascripts/semantic-ui/dimmer.js +707 -738
  30. data/app/assets/javascripts/semantic-ui/dropdown.js +4196 -4237
  31. data/app/assets/javascripts/semantic-ui/embed.js +646 -676
  32. data/app/assets/javascripts/semantic-ui/flyout.js +1503 -1466
  33. data/app/assets/javascripts/semantic-ui/form.js +2035 -2007
  34. data/app/assets/javascripts/semantic-ui/modal.js +1552 -1487
  35. data/app/assets/javascripts/semantic-ui/nag.js +521 -527
  36. data/app/assets/javascripts/semantic-ui/popup.js +1469 -1457
  37. data/app/assets/javascripts/semantic-ui/progress.js +944 -998
  38. data/app/assets/javascripts/semantic-ui/rating.js +508 -524
  39. data/app/assets/javascripts/semantic-ui/search.js +1521 -1535
  40. data/app/assets/javascripts/semantic-ui/shape.js +762 -811
  41. data/app/assets/javascripts/semantic-ui/sidebar.js +1042 -1100
  42. data/app/assets/javascripts/semantic-ui/site.js +437 -477
  43. data/app/assets/javascripts/semantic-ui/slider.js +1311 -1312
  44. data/app/assets/javascripts/semantic-ui/state.js +639 -658
  45. data/app/assets/javascripts/semantic-ui/sticky.js +848 -902
  46. data/app/assets/javascripts/semantic-ui/tab.js +903 -967
  47. data/app/assets/javascripts/semantic-ui/toast.js +911 -885
  48. data/app/assets/javascripts/semantic-ui/transition.js +998 -1078
  49. data/app/assets/javascripts/semantic-ui/visibility.js +1214 -1246
  50. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +7 -7
  51. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +311 -377
  52. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +191 -331
  53. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +302 -439
  54. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +127 -199
  55. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +549 -776
  56. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +711 -1123
  57. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +9 -8
  58. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +45 -63
  59. data/app/assets/stylesheets/semantic-ui/elements/_emoji.scss +3558 -3558
  60. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +272 -270
  61. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +120 -144
  62. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +667 -747
  63. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +41 -65
  64. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +416 -300
  65. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +361 -412
  66. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +51 -72
  67. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +69 -157
  68. data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +24 -44
  69. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +17 -22
  70. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +46 -85
  71. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +173 -227
  72. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +79 -152
  73. data/app/assets/stylesheets/semantic-ui/elements/_text.scss +34 -34
  74. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +10 -15
  75. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +29 -51
  76. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +37 -55
  77. data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +26 -29
  78. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +159 -230
  79. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +55 -174
  80. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +261 -393
  81. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +21 -32
  82. data/app/assets/stylesheets/semantic-ui/modules/_flyout.scss +97 -143
  83. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +122 -156
  84. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +55 -65
  85. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +573 -206
  86. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +108 -213
  87. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +83 -124
  88. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +71 -100
  89. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +16 -32
  90. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +105 -208
  91. data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +102 -127
  92. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +3 -7
  93. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +12 -16
  94. data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +71 -149
  95. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +371 -1282
  96. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +36 -47
  97. data/app/assets/stylesheets/semantic-ui/views/_card.scss +221 -367
  98. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +43 -61
  99. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +37 -59
  100. data/app/assets/stylesheets/semantic-ui/views/_item.scss +87 -134
  101. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +77 -118
  102. data/lib/fomantic/ui/sass/version.rb +2 -2
  103. data/tasks/converter.rb +1 -1
  104. metadata +17 -1
@@ -1,10 +1,10 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.0 - Grid
3
- * http://github.com/fomantic/Fomantic-UI/
2
+ * # Fomantic-UI 2.9.2 - Grid
3
+ * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
6
6
  * Released under the MIT license
7
- * http://opensource.org/licenses/MIT
7
+ * https://opensource.org/licenses/MIT
8
8
  *
9
9
  */
10
10
 
@@ -14,30 +14,17 @@
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-flow: row wrap;
19
+ align-items: stretch;
29
20
  padding: 0;
30
21
  }
31
22
 
32
- /*----------------------
23
+ /* ----------------------
33
24
  Remove Gutters
34
- -----------------------*/
35
-
25
+ ----------------------- */
36
26
  .ui.grid {
37
- margin-top: -1rem;
38
- margin-bottom: -1rem;
39
- margin-left: -1rem;
40
- margin-right: -1rem;
27
+ margin: -1rem -1rem;
41
28
  }
42
29
  .ui.relaxed.grid {
43
30
  margin-left: -1.5rem;
@@ -53,10 +40,9 @@
53
40
  margin-top: 1rem;
54
41
  }
55
42
 
56
- /*-------------------
43
+ /* -------------------
57
44
  Columns
58
- --------------------*/
59
-
45
+ -------------------- */
60
46
 
61
47
  /* Standard 16 column */
62
48
  .ui.grid > .column:not(.row),
@@ -73,37 +59,24 @@
73
59
  padding-right: 1rem;
74
60
  }
75
61
 
76
- /*-------------------
62
+ /* -------------------
77
63
  Rows
78
- --------------------*/
79
-
64
+ -------------------- */
80
65
  .ui.grid > .row {
81
66
  position: relative;
82
- display: -webkit-box;
83
- display: -ms-flexbox;
84
67
  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;
68
+ flex-flow: row wrap;
69
+ justify-content: inherit;
70
+ align-items: stretch;
97
71
  width: 100% !important;
98
72
  padding: 0;
99
73
  padding-top: 1rem;
100
74
  padding-bottom: 1rem;
101
75
  }
102
76
 
103
- /*-------------------
77
+ /* -------------------
104
78
  Columns
105
- --------------------*/
106
-
79
+ -------------------- */
107
80
 
108
81
  /* Vertical padding when no rows */
109
82
  .ui.grid > .column:not(.row) {
@@ -115,19 +88,17 @@
115
88
  margin-bottom: 0;
116
89
  }
117
90
 
118
- /*-------------------
91
+ /* -------------------
119
92
  Content
120
- --------------------*/
121
-
93
+ -------------------- */
122
94
  .ui.grid > .row > img,
123
95
  .ui.grid > .row > .column > img {
124
96
  max-width: 100%;
125
97
  }
126
98
 
127
- /*-------------------
99
+ /* -------------------
128
100
  Loose Coupling
129
- --------------------*/
130
-
101
+ -------------------- */
131
102
 
132
103
  /* Collapse Margin on Consecutive Grid */
133
104
  .ui.grid > .ui.grid:first-child {
@@ -145,9 +116,7 @@
145
116
 
146
117
  /* Align Dividers with Gutter */
147
118
  .ui.grid .row + .ui.divider {
148
- -webkit-box-flex: 1;
149
- -ms-flex-positive: 1;
150
- flex-grow: 1;
119
+ flex-grow: 1;
151
120
  margin: 1rem 1rem;
152
121
  }
153
122
  .ui.grid .column + .ui.vertical.divider {
@@ -157,8 +126,7 @@
157
126
  /* Remove Border on Last Horizontal Segment */
158
127
  .ui.grid > .row > .column:last-child > .horizontal.segment,
159
128
  .ui.grid > .column:last-child > .horizontal.segment {
160
- -webkit-box-shadow: none;
161
- box-shadow: none;
129
+ box-shadow: none;
162
130
  }
163
131
 
164
132
 
@@ -167,10 +135,9 @@
167
135
  *******************************/
168
136
 
169
137
 
170
- /*-----------------------
171
- Page Grid
172
- -------------------------*/
173
-
138
+ /* -----------------------
139
+ Page Grid
140
+ ------------------------- */
174
141
  @media only screen and (max-width: 767.98px) {
175
142
  .ui.page.grid {
176
143
  width: auto;
@@ -217,10 +184,9 @@
217
184
  }
218
185
  }
219
186
 
220
- /*-------------------
187
+ /* -------------------
221
188
  Column Count
222
- --------------------*/
223
-
189
+ -------------------- */
224
190
 
225
191
  /* Assume full width with one column */
226
192
  .ui.grid > .column:only-child,
@@ -346,14 +312,12 @@
346
312
 
347
313
  /* Celled Page */
348
314
  .ui.celled.page.grid {
349
- -webkit-box-shadow: none;
350
- box-shadow: none;
315
+ box-shadow: none;
351
316
  }
352
317
 
353
- /*-------------------
354
- Column Width
355
- --------------------*/
356
-
318
+ /* -------------------
319
+ Column Width
320
+ -------------------- */
357
321
 
358
322
  /* Sizing Combinations */
359
323
  .ui.grid > .row > [class*="one wide"].column,
@@ -453,10 +417,9 @@
453
417
  width: 100% !important;
454
418
  }
455
419
 
456
- /*----------------------
457
- Width per Device
458
- -----------------------*/
459
-
420
+ /* ----------------------
421
+ Width per Device
422
+ ----------------------- */
460
423
 
461
424
  /* Mobile Sizing Combinations */
462
425
  @media only screen and (min-width: 320px) and (max-width: 767.98px) {
@@ -958,17 +921,14 @@
958
921
  }
959
922
  }
960
923
 
961
- /*----------------------
962
- Centered
963
- -----------------------*/
964
-
924
+ /* ----------------------
925
+ Centered
926
+ ----------------------- */
965
927
  .ui.centered.grid,
966
928
  .ui.centered.grid > .row,
967
929
  .ui.grid > .centered.row {
968
930
  text-align: center;
969
- -webkit-box-pack: center;
970
- -ms-flex-pack: center;
971
- justify-content: center;
931
+ justify-content: center;
972
932
  }
973
933
  .ui.centered.grid > .column:not(.aligned):not(.justified):not(.row),
974
934
  .ui.centered.grid > .row > .column:not(.aligned):not(.justified),
@@ -982,10 +942,9 @@
982
942
  margin-right: auto;
983
943
  }
984
944
 
985
- /*----------------------
986
- Relaxed
987
- -----------------------*/
988
-
945
+ /* ----------------------
946
+ Relaxed
947
+ ----------------------- */
989
948
  .ui.relaxed.grid > .column:not(.row),
990
949
  .ui.relaxed.grid > .row > .column,
991
950
  .ui.grid > .relaxed.row > .column {
@@ -1011,26 +970,24 @@
1011
970
  margin-right: 2.5rem;
1012
971
  }
1013
972
 
1014
- /*----------------------
1015
- Padded
1016
- -----------------------*/
1017
-
973
+ /* ----------------------
974
+ Padded
975
+ ----------------------- */
1018
976
  .ui.padded.grid:not(.vertically):not(.horizontally) {
1019
- margin: 0 !important;
977
+ margin: 0;
1020
978
  }
1021
979
  [class*="horizontally padded"].ui.grid {
1022
- margin-left: 0 !important;
1023
- margin-right: 0 !important;
980
+ margin-left: 0;
981
+ margin-right: 0;
1024
982
  }
1025
983
  [class*="vertically padded"].ui.grid {
1026
- margin-top: 0 !important;
1027
- margin-bottom: 0 !important;
984
+ margin-top: 0;
985
+ margin-bottom: 0;
1028
986
  }
1029
987
 
1030
- /*----------------------
1031
- "Floated"
1032
- -----------------------*/
1033
-
988
+ /* ----------------------
989
+ "Floated"
990
+ ----------------------- */
1034
991
  .ui.grid [class*="left floated"].column {
1035
992
  margin-right: auto;
1036
993
  }
@@ -1038,14 +995,12 @@
1038
995
  margin-left: auto;
1039
996
  }
1040
997
 
1041
- /*----------------------
1042
- Divided
1043
- -----------------------*/
1044
-
998
+ /* ----------------------
999
+ Divided
1000
+ ----------------------- */
1045
1001
  .ui.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
1046
1002
  .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);
1003
+ box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
1049
1004
  }
1050
1005
 
1051
1006
  /* Swap from padding to margin on columns to have dividers align */
@@ -1064,8 +1019,7 @@
1064
1019
  /* No divider on first column on row */
1065
1020
  .ui.divided.grid:not([class*="vertically divided"]) > .column:first-child,
1066
1021
  .ui.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
1067
- -webkit-box-shadow: none;
1068
- box-shadow: none;
1022
+ box-shadow: none;
1069
1023
  }
1070
1024
 
1071
1025
  /* No space on top of first row */
@@ -1075,12 +1029,10 @@
1075
1029
 
1076
1030
  /* Divided Row */
1077
1031
  .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);
1032
+ box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
1080
1033
  }
1081
1034
  .ui.grid > .divided.row > .column:first-child {
1082
- -webkit-box-shadow: none;
1083
- box-shadow: none;
1035
+ box-shadow: none;
1084
1036
  }
1085
1037
 
1086
1038
  /* Vertically Divided */
@@ -1095,8 +1047,7 @@
1095
1047
  width: calc(100% - 2rem);
1096
1048
  height: 1px;
1097
1049
  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);
1050
+ box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
1100
1051
  }
1101
1052
 
1102
1053
  /* Padded Horizontally Divided */
@@ -1107,24 +1058,20 @@
1107
1058
 
1108
1059
  /* First Row Vertically Divided */
1109
1060
  .ui[class*="vertically divided"].grid > .row:first-child::before {
1110
- -webkit-box-shadow: none;
1111
- box-shadow: none;
1061
+ box-shadow: none;
1112
1062
  }
1113
1063
 
1114
1064
  /* Inverted Divided */
1115
1065
  .ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
1116
1066
  .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);
1067
+ box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.1);
1119
1068
  }
1120
1069
  .ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row):first-child,
1121
1070
  .ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
1122
- -webkit-box-shadow: none;
1123
- box-shadow: none;
1071
+ box-shadow: none;
1124
1072
  }
1125
1073
  .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);
1074
+ box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.1);
1128
1075
  }
1129
1076
 
1130
1077
  /* Relaxed */
@@ -1139,32 +1086,27 @@
1139
1086
  width: calc(100% - 5rem);
1140
1087
  }
1141
1088
 
1142
- /*----------------------
1143
- Celled
1144
- -----------------------*/
1145
-
1089
+ /* ----------------------
1090
+ Celled
1091
+ ----------------------- */
1146
1092
  .ui.celled.grid {
1147
1093
  width: 100%;
1148
1094
  margin: 1em 0;
1149
- -webkit-box-shadow: 0 0 0 1px #D4D4D5;
1150
- box-shadow: 0 0 0 1px #D4D4D5;
1095
+ box-shadow: 0 0 0 1px #d4d4d5;
1151
1096
  }
1152
1097
  .ui.celled.grid > .row {
1153
1098
  width: 100% !important;
1154
1099
  margin: 0;
1155
1100
  padding: 0;
1156
- -webkit-box-shadow: 0 -1px 0 0 #D4D4D5;
1157
- box-shadow: 0 -1px 0 0 #D4D4D5;
1101
+ box-shadow: 0 -1px 0 0 #d4d4d5;
1158
1102
  }
1159
1103
  .ui.celled.grid > .column:not(.row),
1160
1104
  .ui.celled.grid > .row > .column {
1161
- -webkit-box-shadow: -1px 0 0 0 #D4D4D5;
1162
- box-shadow: -1px 0 0 0 #D4D4D5;
1105
+ box-shadow: -1px 0 0 0 #d4d4d5;
1163
1106
  }
1164
1107
  .ui.celled.grid > .column:first-child,
1165
1108
  .ui.celled.grid > .row > .column:first-child {
1166
- -webkit-box-shadow: none;
1167
- box-shadow: none;
1109
+ box-shadow: none;
1168
1110
  }
1169
1111
  .ui.celled.grid > .column:not(.row),
1170
1112
  .ui.celled.grid > .row > .column {
@@ -1181,23 +1123,19 @@
1181
1123
 
1182
1124
  /* Internally Celled */
1183
1125
  .ui[class*="internally celled"].grid {
1184
- -webkit-box-shadow: none;
1185
- box-shadow: none;
1126
+ box-shadow: none;
1186
1127
  margin: 0;
1187
1128
  }
1188
1129
  .ui[class*="internally celled"].grid > .row:first-child {
1189
- -webkit-box-shadow: none;
1190
- box-shadow: none;
1130
+ box-shadow: none;
1191
1131
  }
1192
1132
  .ui[class*="internally celled"].grid > .row > .column:first-child {
1193
- -webkit-box-shadow: none;
1194
- box-shadow: none;
1133
+ box-shadow: none;
1195
1134
  }
1196
1135
 
1197
- /*----------------------
1198
- Vertically Aligned
1199
- -----------------------*/
1200
-
1136
+ /* ----------------------
1137
+ Vertically Aligned
1138
+ ----------------------- */
1201
1139
 
1202
1140
  /* Top Aligned */
1203
1141
  .ui[class*="top aligned"].grid > .column:not(.row),
@@ -1205,13 +1143,9 @@
1205
1143
  .ui.grid > [class*="top aligned"].row > .column,
1206
1144
  .ui.grid > [class*="top aligned"].column:not(.row),
1207
1145
  .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;
1146
+ flex-direction: column;
1212
1147
  vertical-align: top;
1213
- -ms-flex-item-align: start !important;
1214
- align-self: flex-start !important;
1148
+ align-self: flex-start !important;
1215
1149
  }
1216
1150
 
1217
1151
  /* Middle Aligned */
@@ -1220,13 +1154,9 @@
1220
1154
  .ui.grid > [class*="middle aligned"].row > .column,
1221
1155
  .ui.grid > [class*="middle aligned"].column:not(.row),
1222
1156
  .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;
1157
+ flex-direction: column;
1227
1158
  vertical-align: middle;
1228
- -ms-flex-item-align: center !important;
1229
- align-self: center !important;
1159
+ align-self: center !important;
1230
1160
  }
1231
1161
 
1232
1162
  /* Bottom Aligned */
@@ -1235,13 +1165,9 @@
1235
1165
  .ui.grid > [class*="bottom aligned"].row > .column,
1236
1166
  .ui.grid > [class*="bottom aligned"].column:not(.row),
1237
1167
  .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;
1168
+ flex-direction: column;
1242
1169
  vertical-align: bottom;
1243
- -ms-flex-item-align: end !important;
1244
- align-self: flex-end !important;
1170
+ align-self: flex-end !important;
1245
1171
  }
1246
1172
 
1247
1173
  /* Stretched */
@@ -1250,30 +1176,21 @@
1250
1176
  .ui.grid > .stretched.row > .column,
1251
1177
  .ui.grid > .stretched.column:not(.row),
1252
1178
  .ui.grid > .row > .stretched.column {
1253
- display: -webkit-inline-box !important;
1254
- display: -ms-inline-flexbox !important;
1255
1179
  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;
1180
+ align-self: stretch;
1181
+ flex-direction: column;
1262
1182
  }
1263
1183
  .ui.stretched.grid > .row > .column > *,
1264
1184
  .ui.stretched.grid > .column > *,
1265
1185
  .ui.grid > .stretched.row > .column > *,
1266
1186
  .ui.grid > .stretched.column:not(.row) > *,
1267
1187
  .ui.grid > .row > .stretched.column > * {
1268
- -webkit-box-flex: 1;
1269
- -ms-flex-positive: 1;
1270
- flex-grow: 1;
1188
+ flex-grow: 1;
1271
1189
  }
1272
1190
 
1273
- /*----------------------
1274
- Horizontally Centered
1275
- -----------------------*/
1276
-
1191
+ /* ----------------------
1192
+ Horizontally Centered
1193
+ ----------------------- */
1277
1194
 
1278
1195
  /* Left Aligned */
1279
1196
  .ui[class*="left aligned"].grid > .column,
@@ -1282,8 +1199,7 @@
1282
1199
  .ui.grid > [class*="left aligned"].column.column,
1283
1200
  .ui.grid > .row > [class*="left aligned"].column.column {
1284
1201
  text-align: left;
1285
- -ms-flex-item-align: inherit;
1286
- align-self: inherit;
1202
+ align-self: inherit;
1287
1203
  }
1288
1204
 
1289
1205
  /* Center Aligned */
@@ -1293,13 +1209,10 @@
1293
1209
  .ui.grid > [class*="center aligned"].column.column,
1294
1210
  .ui.grid > .row > [class*="center aligned"].column.column {
1295
1211
  text-align: center;
1296
- -ms-flex-item-align: inherit;
1297
- align-self: inherit;
1212
+ align-self: inherit;
1298
1213
  }
1299
1214
  .ui[class*="center aligned"].grid {
1300
- -webkit-box-pack: center;
1301
- -ms-flex-pack: center;
1302
- justify-content: center;
1215
+ justify-content: center;
1303
1216
  }
1304
1217
 
1305
1218
  /* Right Aligned */
@@ -1309,8 +1222,7 @@
1309
1222
  .ui.grid > [class*="right aligned"].column.column,
1310
1223
  .ui.grid > .row > [class*="right aligned"].column.column {
1311
1224
  text-align: right;
1312
- -ms-flex-item-align: inherit;
1313
- align-self: inherit;
1225
+ align-self: inherit;
1314
1226
  }
1315
1227
 
1316
1228
  /* Justified */
@@ -1325,174 +1237,155 @@
1325
1237
  hyphens: auto;
1326
1238
  }
1327
1239
 
1328
- /*----------------------
1240
+ /* ----------------------
1329
1241
  Colored
1330
- -----------------------*/
1331
-
1242
+ ----------------------- */
1332
1243
  .ui.grid > .primary.row,
1333
1244
  .ui.grid > .primary.column,
1334
1245
  .ui.grid > .row > .primary.column {
1335
- background-color: #2185D0;
1336
- color: #FFFFFF;
1246
+ background-color: #2185d0;
1247
+ color: #fff;
1337
1248
  }
1338
1249
  .ui.grid > .secondary.row,
1339
1250
  .ui.grid > .secondary.column,
1340
1251
  .ui.grid > .row > .secondary.column {
1341
- background-color: #1B1C1D;
1342
- color: #FFFFFF;
1252
+ background-color: #1b1c1d;
1253
+ color: #fff;
1343
1254
  }
1344
1255
  .ui.grid > .red.row,
1345
1256
  .ui.grid > .red.column,
1346
1257
  .ui.grid > .row > .red.column {
1347
- background-color: #DB2828;
1348
- color: #FFFFFF;
1258
+ background-color: #db2828;
1259
+ color: #fff;
1349
1260
  }
1350
1261
  .ui.grid > .orange.row,
1351
1262
  .ui.grid > .orange.column,
1352
1263
  .ui.grid > .row > .orange.column {
1353
- background-color: #F2711C;
1354
- color: #FFFFFF;
1264
+ background-color: #f2711c;
1265
+ color: #fff;
1355
1266
  }
1356
1267
  .ui.grid > .yellow.row,
1357
1268
  .ui.grid > .yellow.column,
1358
1269
  .ui.grid > .row > .yellow.column {
1359
- background-color: #FBBD08;
1360
- color: #FFFFFF;
1270
+ background-color: #fbbd08;
1271
+ color: #fff;
1361
1272
  }
1362
1273
  .ui.grid > .olive.row,
1363
1274
  .ui.grid > .olive.column,
1364
1275
  .ui.grid > .row > .olive.column {
1365
- background-color: #B5CC18;
1366
- color: #FFFFFF;
1276
+ background-color: #b5cc18;
1277
+ color: #fff;
1367
1278
  }
1368
1279
  .ui.grid > .green.row,
1369
1280
  .ui.grid > .green.column,
1370
1281
  .ui.grid > .row > .green.column {
1371
- background-color: #21BA45;
1372
- color: #FFFFFF;
1282
+ background-color: #21ba45;
1283
+ color: #fff;
1373
1284
  }
1374
1285
  .ui.grid > .teal.row,
1375
1286
  .ui.grid > .teal.column,
1376
1287
  .ui.grid > .row > .teal.column {
1377
- background-color: #00B5AD;
1378
- color: #FFFFFF;
1288
+ background-color: #00b5ad;
1289
+ color: #fff;
1379
1290
  }
1380
1291
  .ui.grid > .blue.row,
1381
1292
  .ui.grid > .blue.column,
1382
1293
  .ui.grid > .row > .blue.column {
1383
- background-color: #2185D0;
1384
- color: #FFFFFF;
1294
+ background-color: #2185d0;
1295
+ color: #fff;
1385
1296
  }
1386
1297
  .ui.grid > .violet.row,
1387
1298
  .ui.grid > .violet.column,
1388
1299
  .ui.grid > .row > .violet.column {
1389
- background-color: #6435C9;
1390
- color: #FFFFFF;
1300
+ background-color: #6435c9;
1301
+ color: #fff;
1391
1302
  }
1392
1303
  .ui.grid > .purple.row,
1393
1304
  .ui.grid > .purple.column,
1394
1305
  .ui.grid > .row > .purple.column {
1395
- background-color: #A333C8;
1396
- color: #FFFFFF;
1306
+ background-color: #a333c8;
1307
+ color: #fff;
1397
1308
  }
1398
1309
  .ui.grid > .pink.row,
1399
1310
  .ui.grid > .pink.column,
1400
1311
  .ui.grid > .row > .pink.column {
1401
- background-color: #E03997;
1402
- color: #FFFFFF;
1312
+ background-color: #e03997;
1313
+ color: #fff;
1403
1314
  }
1404
1315
  .ui.grid > .brown.row,
1405
1316
  .ui.grid > .brown.column,
1406
1317
  .ui.grid > .row > .brown.column {
1407
- background-color: #A5673F;
1408
- color: #FFFFFF;
1318
+ background-color: #a5673f;
1319
+ color: #fff;
1409
1320
  }
1410
1321
  .ui.grid > .grey.row,
1411
1322
  .ui.grid > .grey.column,
1412
1323
  .ui.grid > .row > .grey.column {
1413
1324
  background-color: #767676;
1414
- color: #FFFFFF;
1325
+ color: #fff;
1415
1326
  }
1416
1327
  .ui.grid > .black.row,
1417
1328
  .ui.grid > .black.column,
1418
1329
  .ui.grid > .row > .black.column {
1419
- background-color: #1B1C1D;
1420
- color: #FFFFFF;
1330
+ background-color: #1b1c1d;
1331
+ color: #fff;
1421
1332
  }
1422
1333
 
1423
- /*----------------------
1424
- Equal Width
1425
- -----------------------*/
1426
-
1334
+ /* ----------------------
1335
+ Equal Width
1336
+ ----------------------- */
1427
1337
  .ui[class*="equal width"].grid > .column:not(.row),
1428
1338
  .ui[class*="equal width"].grid > .row > .column,
1429
1339
  .ui.grid > [class*="equal width"].row > .column {
1430
1340
  display: inline-block;
1431
- -webkit-box-flex: 1;
1432
- -ms-flex-positive: 1;
1433
- flex-grow: 1;
1341
+ flex-grow: 1;
1434
1342
  }
1435
1343
  .ui[class*="equal width"].grid > .wide.column,
1436
1344
  .ui[class*="equal width"].grid > .row > .wide.column,
1437
1345
  .ui.grid > [class*="equal width"].row > .wide.column {
1438
- -webkit-box-flex: 0;
1439
- -ms-flex-positive: 0;
1440
- flex-grow: 0;
1346
+ flex-grow: 0;
1441
1347
  }
1442
1348
 
1443
- /*----------------------
1444
- Reverse
1445
- -----------------------*/
1446
-
1349
+ /* ----------------------
1350
+ Reverse
1351
+ ----------------------- */
1447
1352
 
1448
1353
  /* Mobile */
1449
1354
  @media only screen and (max-width: 767.98px) {
1450
1355
  .ui[class*="mobile reversed"].grid,
1451
1356
  .ui[class*="mobile reversed"].grid > .row,
1452
1357
  .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;
1358
+ flex-direction: row-reverse;
1457
1359
  }
1458
1360
  .ui[class*="mobile vertically reversed"].grid,
1459
1361
  .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;
1362
+ flex-direction: column-reverse;
1464
1363
  }
1465
1364
 
1466
1365
  /* Divided Reversed */
1467
1366
  .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
1468
1367
  .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);
1368
+ box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
1471
1369
  }
1472
1370
  .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
1473
1371
  .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
1474
- -webkit-box-shadow: none;
1475
- box-shadow: none;
1372
+ box-shadow: none;
1476
1373
  }
1477
1374
 
1478
1375
  /* Vertically Divided Reversed */
1479
1376
  .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);
1377
+ box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
1482
1378
  }
1483
1379
  .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:last-child::before {
1484
- -webkit-box-shadow: none;
1485
- box-shadow: none;
1380
+ box-shadow: none;
1486
1381
  }
1487
1382
 
1488
1383
  /* Celled Reversed */
1489
1384
  .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;
1385
+ box-shadow: -1px 0 0 0 #d4d4d5;
1492
1386
  }
1493
1387
  .ui[class*="mobile reversed"].celled.grid > .row > .column:last-child {
1494
- -webkit-box-shadow: none;
1495
- box-shadow: none;
1388
+ box-shadow: none;
1496
1389
  }
1497
1390
  }
1498
1391
 
@@ -1501,48 +1394,36 @@
1501
1394
  .ui[class*="tablet reversed"].grid,
1502
1395
  .ui[class*="tablet reversed"].grid > .row,
1503
1396
  .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;
1397
+ flex-direction: row-reverse;
1508
1398
  }
1509
1399
  .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;
1400
+ flex-direction: column-reverse;
1514
1401
  }
1515
1402
 
1516
1403
  /* Divided Reversed */
1517
1404
  .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
1518
1405
  .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);
1406
+ box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
1521
1407
  }
1522
1408
  .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
1523
1409
  .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
1524
- -webkit-box-shadow: none;
1525
- box-shadow: none;
1410
+ box-shadow: none;
1526
1411
  }
1527
1412
 
1528
1413
  /* Vertically Divided Reversed */
1529
1414
  .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);
1415
+ box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
1532
1416
  }
1533
1417
  .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:last-child::before {
1534
- -webkit-box-shadow: none;
1535
- box-shadow: none;
1418
+ box-shadow: none;
1536
1419
  }
1537
1420
 
1538
1421
  /* Celled Reversed */
1539
1422
  .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;
1423
+ box-shadow: -1px 0 0 0 #d4d4d5;
1542
1424
  }
1543
1425
  .ui[class*="tablet reversed"].celled.grid > .row > .column:last-child {
1544
- -webkit-box-shadow: none;
1545
- box-shadow: none;
1426
+ box-shadow: none;
1546
1427
  }
1547
1428
  }
1548
1429
 
@@ -1551,55 +1432,42 @@
1551
1432
  .ui[class*="computer reversed"].grid,
1552
1433
  .ui[class*="computer reversed"].grid > .row,
1553
1434
  .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;
1435
+ flex-direction: row-reverse;
1558
1436
  }
1559
1437
  .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;
1438
+ flex-direction: column-reverse;
1564
1439
  }
1565
1440
 
1566
1441
  /* Divided Reversed */
1567
1442
  .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
1568
1443
  .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);
1444
+ box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
1571
1445
  }
1572
1446
  .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
1573
1447
  .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
1574
- -webkit-box-shadow: none;
1575
- box-shadow: none;
1448
+ box-shadow: none;
1576
1449
  }
1577
1450
 
1578
1451
  /* Vertically Divided Reversed */
1579
1452
  .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);
1453
+ box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
1582
1454
  }
1583
1455
  .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:last-child::before {
1584
- -webkit-box-shadow: none;
1585
- box-shadow: none;
1456
+ box-shadow: none;
1586
1457
  }
1587
1458
 
1588
1459
  /* Celled Reversed */
1589
1460
  .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;
1461
+ box-shadow: -1px 0 0 0 #d4d4d5;
1592
1462
  }
1593
1463
  .ui[class*="computer reversed"].celled.grid > .row > .column:last-child {
1594
- -webkit-box-shadow: none;
1595
- box-shadow: none;
1464
+ box-shadow: none;
1596
1465
  }
1597
1466
  }
1598
1467
 
1599
- /*-------------------
1600
- Doubling
1601
- --------------------*/
1602
-
1468
+ /* -------------------
1469
+ Doubling
1470
+ -------------------- */
1603
1471
 
1604
1472
  /* Tablet Only */
1605
1473
  @media only screen and (min-width: 768px) and (max-width: 991.98px) {
@@ -1615,8 +1483,7 @@
1615
1483
  .ui.doubling.grid > .row > .column {
1616
1484
  padding-top: 1rem !important;
1617
1485
  padding-bottom: 1rem !important;
1618
- -webkit-box-shadow: none !important;
1619
- box-shadow: none !important;
1486
+ box-shadow: none !important;
1620
1487
  margin: 0;
1621
1488
  }
1622
1489
  .ui.grid:not(.stretched) > .doubling.row:not(.stretched) > .column:not(.stretched),
@@ -1712,8 +1579,7 @@
1712
1579
  padding-top: 1rem !important;
1713
1580
  padding-bottom: 1rem !important;
1714
1581
  margin: 0 !important;
1715
- -webkit-box-shadow: none !important;
1716
- box-shadow: none !important;
1582
+ box-shadow: none !important;
1717
1583
  }
1718
1584
  .ui[class*="two column"].doubling:not(.stackable).grid > .row > .column,
1719
1585
  .ui[class*="two column"].doubling:not(.stackable).grid > .column:not(.row),
@@ -1792,15 +1658,15 @@
1792
1658
  }
1793
1659
  }
1794
1660
 
1795
- /*-------------------
1796
- Stackable
1797
- --------------------*/
1798
-
1661
+ /* -------------------
1662
+ Stackable
1663
+ -------------------- */
1799
1664
  @media only screen and (max-width: 767.98px) {
1800
- .ui.ui.ui.ui.stackable.grid {
1665
+ body > .ui.stackable.grid,
1666
+ .ui:not(.segment):not(.grid) .ui.stackable.grid {
1801
1667
  width: auto;
1802
- margin-left: 0 !important;
1803
- margin-right: 0 !important;
1668
+ margin-left: 0;
1669
+ margin-right: 0;
1804
1670
  }
1805
1671
  .ui.stackable.grid > .row > .wide.column,
1806
1672
  .ui.stackable.grid > .wide.column,
@@ -1810,9 +1676,8 @@
1810
1676
  .ui.stackable.grid > .column:not(.row),
1811
1677
  .ui.grid > .stackable.stackable.stackable.row > .column {
1812
1678
  width: 100% !important;
1813
- margin: 0 0 !important;
1814
- -webkit-box-shadow: none !important;
1815
- box-shadow: none !important;
1679
+ margin: 0 !important;
1680
+ box-shadow: none !important;
1816
1681
  padding: 1rem 1rem;
1817
1682
  }
1818
1683
  .ui.stackable.grid:not(.vertically) > .row {
@@ -1830,8 +1695,8 @@
1830
1695
  /* Don't pad inside segment or nested grid */
1831
1696
  .ui.grid .ui.stackable.grid,
1832
1697
  .ui.segment:not(.vertical) .ui.stackable.page.grid {
1833
- margin-left: -1rem !important;
1834
- margin-right: -1rem !important;
1698
+ margin-left: -1rem;
1699
+ margin-right: -1rem;
1835
1700
  }
1836
1701
 
1837
1702
  /* Divided Stackable */
@@ -1852,14 +1717,12 @@
1852
1717
  .ui.stackable.celled.grid > .row > .column,
1853
1718
  .ui.stackable.divided:not(.vertically).grid > .row > .column {
1854
1719
  border-top: 1px solid rgba(34, 36, 38, 0.15);
1855
- -webkit-box-shadow: none !important;
1856
- box-shadow: none !important;
1720
+ box-shadow: none !important;
1857
1721
  padding-top: 2rem !important;
1858
1722
  padding-bottom: 2rem !important;
1859
1723
  }
1860
1724
  .ui.stackable.celled.grid > .row {
1861
- -webkit-box-shadow: none !important;
1862
- box-shadow: none !important;
1725
+ box-shadow: none !important;
1863
1726
  }
1864
1727
  .ui.stackable.divided:not(.vertically).grid > .column:not(.row),
1865
1728
  .ui.stackable.divided:not(.vertically).grid > .row > .column {
@@ -1868,10 +1731,9 @@
1868
1731
  }
1869
1732
  }
1870
1733
 
1871
- /*----------------------
1734
+ /* ----------------------
1872
1735
  Only (Device)
1873
- -----------------------*/
1874
-
1736
+ ----------------------- */
1875
1737
 
1876
1738
  /* These include arbitrary class repetitions for forced specificity */
1877
1739
 
@@ -1997,10 +1859,9 @@
1997
1859
  }
1998
1860
  }
1999
1861
 
2000
- /*-----------------
2001
- Compact
2002
- -----------------*/
2003
-
1862
+ /* -----------------
1863
+ Compact
1864
+ ----------------- */
2004
1865
  .ui.ui.ui.compact.grid {
2005
1866
  margin: -0.5rem;
2006
1867
  }
@@ -2016,10 +1877,7 @@
2016
1877
 
2017
1878
  /* Row */
2018
1879
  .ui.ui.ui.compact.grid > .row {
2019
- padding-top: 0.5rem;
2020
- padding-bottom: 0.5rem;
2021
- padding-left: 0;
2022
- padding-right: 0;
1880
+ padding: 0.5rem 0;
2023
1881
  }
2024
1882
 
2025
1883
  /* Columns */
@@ -2038,10 +1896,9 @@
2038
1896
  padding: 1em;
2039
1897
  }
2040
1898
 
2041
- /*-----------------
2042
- Very compact
2043
- -----------------*/
2044
-
1899
+ /* -----------------
1900
+ Very compact
1901
+ ----------------- */
2045
1902
  .ui.ui.ui[class*="very compact"].grid {
2046
1903
  margin: -0.25rem;
2047
1904
  }
@@ -2057,10 +1914,7 @@
2057
1914
 
2058
1915
  /* Row */
2059
1916
  .ui.ui.ui[class*="very compact"].grid > .row {
2060
- padding-top: 0.25rem;
2061
- padding-bottom: 0.25rem;
2062
- padding-left: 0;
2063
- padding-right: 0;
1917
+ padding: 0.25rem 0;
2064
1918
  }
2065
1919
 
2066
1920
  /* Columns */
@@ -2078,6 +1932,12 @@
2078
1932
  .ui[class*="very compact"][class*="very relaxed"].celled.grid > .row > .column {
2079
1933
  padding: 0.5em;
2080
1934
  }
1935
+ .ui.grid .left.attached.column {
1936
+ padding-right: 0;
1937
+ }
1938
+ .ui.grid .right.attached.column {
1939
+ padding-left: 0;
1940
+ }
2081
1941
 
2082
1942
 
2083
1943
  /*******************************