diff --git a/packages/dataviews/src/dataviews-layouts/grid/style.scss b/packages/dataviews/src/dataviews-layouts/grid/style.scss index 79e739ca5c798..f0ddf2b3c55e6 100644 --- a/packages/dataviews/src/dataviews-layouts/grid/style.scss +++ b/packages/dataviews/src/dataviews-layouts/grid/style.scss @@ -131,25 +131,20 @@ * Breakpoints were adjusted from media queries breakpoints to account for * the sidebar width. This was done to match the existing styles we had. */ - /* stylelint-disable-next-line scss/at-rule-no-unknown -- '@container' not globally permitted */ @container (max-width: 480px) { grid-template-columns: repeat(1, minmax(0, 1fr)); padding-left: $grid-unit-30; padding-right: $grid-unit-30; } - /* stylelint-disable-next-line scss/at-rule-no-unknown -- '@container' not globally permitted */ @container (min-width: 480px) { grid-template-columns: repeat(2, minmax(0, 1fr)); } - /* stylelint-disable-next-line scss/at-rule-no-unknown -- '@container' not globally permitted */ @container (min-width: 780px) { grid-template-columns: repeat(3, minmax(0, 1fr)); } - /* stylelint-disable-next-line scss/at-rule-no-unknown -- '@container' not globally permitted */ @container (min-width: 1140px) { grid-template-columns: repeat(4, minmax(0, 1fr)); } - /* stylelint-disable-next-line scss/at-rule-no-unknown -- '@container' not globally permitted */ @container (min-width: 1520px) { grid-template-columns: repeat(5, minmax(0, 1fr)); }