From 74af110115b878619038c447fb9a7dc038d62c4d Mon Sep 17 00:00:00 2001
From: Niels Roozemond <n.roozemond@amsterdam.nl>
Date: Fri, 13 Dec 2024 11:30:41 +0100
Subject: [PATCH] refactor: Update SCSS loop to use local variable for grid
 column count

---
 packages/css/src/components/breakout/breakout.scss | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/css/src/components/breakout/breakout.scss b/packages/css/src/components/breakout/breakout.scss
index 5c66f805d8..978666fbcc 100644
--- a/packages/css/src/components/breakout/breakout.scss
+++ b/packages/css/src/components/breakout/breakout.scss
@@ -72,7 +72,7 @@ $ams-breakout-row-span-max: 4;
   @include ams-grid__cell--span-all;
 }
 
-@for $i from 1 through grid.$ams-grid-column-count {
+@for $i from 1 through $ams-grid-column-count {
   .ams-breakout__cell--col-span-#{$i} {
     @include ams-grid__cell--span($i);
   }
@@ -83,7 +83,7 @@ $ams-breakout-row-span-max: 4;
 }
 
 @media screen and (min-width: $ams-breakpoint-medium) {
-  @for $i from 1 through grid.$ams-grid-column-count {
+  @for $i from 1 through $ams-grid-column-count {
     .ams-breakout__cell--col-span-#{$i}-medium {
       @include ams-grid__cell--span-medium($i);
     }
@@ -95,7 +95,7 @@ $ams-breakout-row-span-max: 4;
 }
 
 @media screen and (min-width: $ams-breakpoint-wide) {
-  @for $i from 1 through grid.$ams-grid-column-count {
+  @for $i from 1 through $ams-grid-column-count {
     .ams-breakout__cell--col-span-#{$i}-wide {
       @include ams-grid__cell--span-wide($i);
     }