fix(grid): override grid container widths

The specificity of grid container was too low resulting in not applied widths Closes #1010
fomantic · Nov 12, 2019 · f0ba553 · f0ba553
1 parent e2b8a06
commit f0ba553
Showing 1 changed file with 12 additions and 12 deletions.
diff --git a/src/definitions/elements/container.less b/src/definitions/elements/container.less
@@ -34,13 +34,13 @@
     margin-left: @mobileGutter;
     margin-right: @mobileGutter;
   }
-  .ui.ui.grid.container {
+  .ui.ui.ui.grid.container {
     width: @mobileGridWidth;
   }
-  .ui.ui.relaxed.grid.container {
+  .ui.ui.ui.relaxed.grid.container {
     width: @mobileRelaxedGridWidth;
   }
-  .ui.ui.very.relaxed.grid.container {
+  .ui.ui.ui.very.relaxed.grid.container {
     width: @mobileVeryRelaxedGridWidth;
   }
 }
@@ -52,13 +52,13 @@
     margin-left: @tabletGutter;
     margin-right: @tabletGutter;
   }
-  .ui.ui.grid.container {
+  .ui.ui.ui.grid.container {
     width: @tabletGridWidth;
   }
-  .ui.ui.relaxed.grid.container {
+  .ui.ui.ui.relaxed.grid.container {
     width: @tabletRelaxedGridWidth;
   }
-  .ui.ui.very.relaxed.grid.container {
+  .ui.ui.ui.very.relaxed.grid.container {
     width: @tabletVeryRelaxedGridWidth;
   }
 }
@@ -70,13 +70,13 @@
     margin-left: @computerGutter;
     margin-right: @computerGutter;
   }
-  .ui.ui.grid.container {
+  .ui.ui.ui.grid.container {
     width: @computerGridWidth;
   }
-  .ui.ui.relaxed.grid.container {
+  .ui.ui.ui.relaxed.grid.container {
     width: @computerRelaxedGridWidth;
   }
-  .ui.ui.very.relaxed.grid.container {
+  .ui.ui.ui.very.relaxed.grid.container {
     width: @computerVeryRelaxedGridWidth;
   }
 }
@@ -88,13 +88,13 @@
     margin-left: @largeMonitorGutter;
     margin-right: @largeMonitorGutter;
   }
-  .ui.ui.grid.container {
+  .ui.ui.ui.grid.container {
     width: @largeMonitorGridWidth;
   }
-  .ui.ui.relaxed.grid.container {
+  .ui.ui.ui.relaxed.grid.container {
     width: @largeMonitorRelaxedGridWidth;
   }
-  .ui.ui.very.relaxed.grid.container {
+  .ui.ui.ui.very.relaxed.grid.container {
     width: @largeMonitorVeryRelaxedGridWidth;
   }
 }