diff --git a/packages/components/docs/sass.md b/packages/components/docs/sass.md index f5a2e9d02555..95c79fd15ca1 100644 --- a/packages/components/docs/sass.md +++ b/packages/components/docs/sass.md @@ -1687,12 +1687,9 @@ Generate the CSS for a grid for the given breakpoints and gutters @include carbon--make-row(); } - .#{$prefix}--grid--condensed .#{$prefix}--row:not(:last-of-type) { - margin-bottom: $condensed-gutter; - } - - .#{$prefix}--row--condensed + .#{$prefix}--row--condensed { - margin-top: $condensed-gutter; + .#{$prefix}--grid--condensed [class*='#{$prefix}--col'] { + padding-top: $condensed-gutter / 2; + padding-bottom: $condensed-gutter / 2; } @include carbon--make-grid-columns($breakpoints, $grid-gutter); diff --git a/packages/elements/docs/sass.md b/packages/elements/docs/sass.md index 1749ce3c35db..bd0f9547c3e2 100644 --- a/packages/elements/docs/sass.md +++ b/packages/elements/docs/sass.md @@ -1531,12 +1531,9 @@ Generate the CSS for a grid for the given breakpoints and gutters @include carbon--make-row(); } - .#{$prefix}--grid--condensed .#{$prefix}--row:not(:last-of-type) { - margin-bottom: $condensed-gutter; - } - - .#{$prefix}--row--condensed + .#{$prefix}--row--condensed { - margin-top: $condensed-gutter; + .#{$prefix}--grid--condensed [class*='#{$prefix}--col'] { + padding-top: $condensed-gutter / 2; + padding-bottom: $condensed-gutter / 2; } @include carbon--make-grid-columns($breakpoints, $grid-gutter); diff --git a/packages/grid/docs/sass.md b/packages/grid/docs/sass.md index b2517719566e..2f22d299ab89 100644 --- a/packages/grid/docs/sass.md +++ b/packages/grid/docs/sass.md @@ -559,12 +559,9 @@ Generate the CSS for a grid for the given breakpoints and gutters @include carbon--make-row(); } - .#{$prefix}--grid--condensed .#{$prefix}--row:not(:last-of-type) { - margin-bottom: $condensed-gutter; - } - - .#{$prefix}--row--condensed + .#{$prefix}--row--condensed { - margin-top: $condensed-gutter; + .#{$prefix}--grid--condensed [class*='#{$prefix}--col'] { + padding-top: $condensed-gutter / 2; + padding-bottom: $condensed-gutter / 2; } @include carbon--make-grid-columns($breakpoints, $grid-gutter);