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

ko2in · web-flow · commit 72590335676a · 2023-10-10T19:31:36.000+02:00
The stackable inverted grid item is not showing the divider in mobile screen due to the override by specificity of non-inverted grid.
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;
             }
         }

Original file line number	Diff line number	Diff line change
`@@ -1723,10 +1723,10 @@`
`1723`	`1723`	`border-top: none !important;`
`1724`	`1724`	`}`
`1725`	`1725`	`& when (@variationGridInverted) {`
`1726`		`- .ui.inverted.stackable.celled.grid > .column:not(.row),`
`1727`		`- .ui.inverted.stackable.divided.grid > .column:not(.row),`
`1728`		`- .ui.inverted.stackable.celled.grid > .row > .column,`
`1729`		`- .ui.inverted.stackable.divided.grid > .row > .column {`
	`1726`	`+ .ui.ui.inverted.stackable.celled.grid > .column:not(.row),`
	`1727`	`+ .ui.ui.inverted.stackable.divided.grid > .column:not(.row),`
	`1728`	`+ .ui.ui.inverted.stackable.celled.grid > .row > .column,`
	`1729`	`+ .ui.ui.inverted.stackable.divided.grid > .row > .column {`
`1730`	`1730`	`border-top: @stackableInvertedMobileBorder;`
`1731`	`1731`	`}`
`1732`	`1732`	`}`