added gutter and removed side margins (#34777)

RickR2H · web-flow · commit 7007b6ae3f26 · 2021-07-21T22:53:41.000+01:00
diff --git a/templates/cassiopeia/scss/blocks/_css-grid.scss b/templates/cassiopeia/scss/blocks/_css-grid.scss
@@ -21,6 +21,7 @@
     > [class*=" container-"] {
       width: 100%;
       max-width: none;
+      column-gap: $cassiopeia-grid-gutter;
     }
 
     &:not(.has-sidebar-left) .container-component {
diff --git a/templates/cassiopeia/scss/blocks/_layout.scss b/templates/cassiopeia/scss/blocks/_layout.scss
@@ -45,7 +45,7 @@
   position: relative;
   > * {
     flex: 1;
-    margin: ($cassiopeia-grid-gutter / 2);
+    margin: ($cassiopeia-grid-gutter / 2) 0;
   }
 
   @include media-breakpoint-down(md) {

Original file line number	Diff line number	Diff line change
`@@ -21,6 +21,7 @@`
`21`	`21`	`> [class*=" container-"] {`
`22`	`22`	`width: 100%;`
`23`	`23`	`max-width: none;`
	`24`	`+ column-gap: $cassiopeia-grid-gutter;`
`24`	`25`	`}`
`25`	`26`
`26`	`27`	`&:not(.has-sidebar-left) .container-component {`
Original file line number	Diff line number	Diff line change
`@@ -45,7 +45,7 @@`
`45`	`45`	`position: relative;`
`46`	`46`	`> * {`
`47`	`47`	`flex: 1;`
`48`		`- margin: ($cassiopeia-grid-gutter / 2);`
	`48`	`+ margin: ($cassiopeia-grid-gutter / 2) 0;`
`49`	`49`	`}`
`50`	`50`
`51`	`51`	`@include media-breakpoint-down(md) {`