fix(grid): fix stackable inverted grid divider for mobile screen

The stackable inverted grid item is not showing the divider in mobile screen due to the override by specificity of non-inverted grid.
fomantic · Oct 10, 2023 · 7259033 · 7259033
1 parent 5b9dd71
commit 7259033
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/definitions/collections/grid.less b/src/definitions/collections/grid.less
@@ -1723,10 +1723,10 @@
             border-top: none !important;
         }
         & when (@variationGridInverted) {
-            .ui.inverted.stackable.celled.grid > .column:not(.row),
-            .ui.inverted.stackable.divided.grid > .column:not(.row),
-            .ui.inverted.stackable.celled.grid > .row > .column,
-            .ui.inverted.stackable.divided.grid > .row > .column {
+            .ui.ui.inverted.stackable.celled.grid > .column:not(.row),
+            .ui.ui.inverted.stackable.divided.grid > .column:not(.row),
+            .ui.ui.inverted.stackable.celled.grid > .row > .column,
+            .ui.ui.inverted.stackable.divided.grid > .row > .column {
                 border-top: @stackableInvertedMobileBorder;
             }
         }