From 3e7e731606a34100e1680cc5a511374f65939377 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lasse=20J=C3=B8rgensen?=
 <28780271+lasjorg@users.noreply.github.com>
Date: Thu, 4 Jul 2024 21:48:24 +0200
Subject: [PATCH] fix(curriculum): allow spaces in mixin usage (#55422)

Co-authored-by: Krzysztof G. <60067306+gikf@users.noreply.github.com>
---
 .../sass/create-reusable-css-with-mixins.md                 | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/curriculum/challenges/english/03-front-end-development-libraries/sass/create-reusable-css-with-mixins.md b/curriculum/challenges/english/03-front-end-development-libraries/sass/create-reusable-css-with-mixins.md
index 587e0dc1c53..ef57baf6975 100644
--- a/curriculum/challenges/english/03-front-end-development-libraries/sass/create-reusable-css-with-mixins.md
+++ b/curriculum/challenges/english/03-front-end-development-libraries/sass/create-reusable-css-with-mixins.md
@@ -101,19 +101,19 @@ assert.match(__helpers.removeWhiteSpace(code), /background-color:\$bg\-color;/gi
 You should replace the styles inside the `#square` selector with a call to the `shape` mixin using the `@include` keyword. Setting a width and height of `50px`, and the background color `red`.
 
 ```js
-assert.match(code, /#square\s*{\s*@include\s+shape\(\s*50px,\s*50px,\s*red\s*\)\s*;\s*}/gi);
+assert.match(code, /#square\s*{\s*@include\s+shape\s*\(\s*50px\s*,\s*50px\s*,\s*red\s*\)\s*;\s*}/gi);
 ```
 
 You should replace the styles inside the `#rect-a` selector with a call to the `shape` mixin using the `@include` keyword. Setting a width of `100px`, a height of `50px`, and the background color `blue`.
 
 ```js
-assert.match(code, /#rect-a\s*{\s*@include\s+shape\(\s*100px,\s*50px,\s*blue\s*\)\s*;\s*}/gi);
+assert.match(code, /#rect-a\s*{\s*@include\s+shape\s*\(\s*100px\s*,\s*50px\s*,\s*blue\s*\)\s*;\s*}/gi);
 ```
 
 You should replace the styles inside the `#rect-b` selector with a call to the `shape` mixin using the `@include` keyword. Setting a width of `50px`, a height of `100px`, and the background color `orange`.
 
 ```js
-assert.match(code, /#rect-b\s*{\s*@include\s+shape\(\s*50px,\s*100px,\s*orange\s*\)\s*;\s*}/gi);
+assert.match(code, /#rect-b\s*{\s*@include\s+shape\s*\(\s*50px\s*,\s*100px\s*,\s*orange\s*\)\s*;\s*}/gi);
 ```
 
 # --seed--