diff --git a/curriculum/challenges/english/01-responsive-web-design/learn-css-colors-by-building-a-color-markers-set/step-050.md b/curriculum/challenges/english/01-responsive-web-design/learn-css-colors-by-building-a-color-markers-set/step-050.md index 2df43026e7..24890fd164 100644 --- a/curriculum/challenges/english/01-responsive-web-design/learn-css-colors-by-building-a-color-markers-set/step-050.md +++ b/curriculum/challenges/english/01-responsive-web-design/learn-css-colors-by-building-a-color-markers-set/step-050.md @@ -24,9 +24,7 @@ First, in the `.red` CSS rule, set the `background` property to `linear-gradient Your `.red` CSS rule should have a `background` property with the value `linear-gradient(90deg)`. ```js -assert( - __helpers.removeWhiteSpace($('style').text()).match(/\.red{.*background:linear-gradient\(90deg\).*}/gi) -); +assert.equal(__helpers.CSSHelp(document).getStyle('.red').getPropVal('background', true), 'linear-gradient(90deg)'); ``` # --seed-- diff --git a/curriculum/challenges/english/01-responsive-web-design/learn-css-colors-by-building-a-color-markers-set/step-051.md b/curriculum/challenges/english/01-responsive-web-design/learn-css-colors-by-building-a-color-markers-set/step-051.md index 3b01809ef5..2260e00af2 100644 --- a/curriculum/challenges/english/01-responsive-web-design/learn-css-colors-by-building-a-color-markers-set/step-051.md +++ b/curriculum/challenges/english/01-responsive-web-design/learn-css-colors-by-building-a-color-markers-set/step-051.md @@ -16,9 +16,7 @@ In the `linear-gradient` function, use the `rgb` function to set the first color Your `.red` CSS rule should have a `background` property with the value `linear-gradient(90deg, rgb(255, 0, 0))`. ```js -assert( - __helpers.removeWhiteSpace($('style').text()).match(/\.red{.*background:linear-gradient\(90deg,rgb\(255,0,0\)\).*}/gi) -); +assert.equal(__helpers.CSSHelp(document).getStyle('.red').getPropVal('background', true), 'linear-gradient(90deg,rgb(255,0,0))'); ``` # --seed-- diff --git a/curriculum/challenges/english/01-responsive-web-design/learn-css-colors-by-building-a-color-markers-set/step-061.md b/curriculum/challenges/english/01-responsive-web-design/learn-css-colors-by-building-a-color-markers-set/step-061.md index e0d3eb1a3a..7cb995d34b 100644 --- a/curriculum/challenges/english/01-responsive-web-design/learn-css-colors-by-building-a-color-markers-set/step-061.md +++ b/curriculum/challenges/english/01-responsive-web-design/learn-css-colors-by-building-a-color-markers-set/step-061.md @@ -16,9 +16,7 @@ Use the `linear-gradient` function and set `gradientDirection` to `180deg`. And Your `.green` CSS rule should have a `background` property with the value `linear-gradient(180deg, #55680D)`. ```js -assert( - __helpers.removeWhiteSpace($('style').text()).match(/\.green{.*background:linear-gradient\(180deg,#55680D\).*}/gi) -); +assert.equal(__helpers.CSSHelp(document).getStyle('.green').getPropVal('background', true), 'linear-gradient(180deg,#55680D)'); ``` # --seed-- diff --git a/curriculum/challenges/english/01-responsive-web-design/learn-css-colors-by-building-a-color-markers-set/step-067.md b/curriculum/challenges/english/01-responsive-web-design/learn-css-colors-by-building-a-color-markers-set/step-067.md index bc71769524..8183921efb 100644 --- a/curriculum/challenges/english/01-responsive-web-design/learn-css-colors-by-building-a-color-markers-set/step-067.md +++ b/curriculum/challenges/english/01-responsive-web-design/learn-css-colors-by-building-a-color-markers-set/step-067.md @@ -14,9 +14,7 @@ Use the `linear-gradient` function, and pass in the `hsl` function with the valu Your `.blue` CSS rule should have a `background` property with the value `linear-gradient(hsl(186, 76%, 16%))`. ```js -assert( - __helpers.removeWhiteSpace($('style').text()).match(/\.blue{.*linear-gradient\(hsl\(186,76%,16%\)\).*}/gi) -); +assert.equal(__helpers.CSSHelp(document).getStyle('.blue').getPropVal('background', true), 'linear-gradient(hsl(186,76%,16%))'); ``` # --seed-- diff --git a/curriculum/challenges/english/01-responsive-web-design/learn-css-colors-by-building-a-color-markers-set/step-082.md b/curriculum/challenges/english/01-responsive-web-design/learn-css-colors-by-building-a-color-markers-set/step-082.md index 9148cb6b42..ff631b66f2 100644 --- a/curriculum/challenges/english/01-responsive-web-design/learn-css-colors-by-building-a-color-markers-set/step-082.md +++ b/curriculum/challenges/english/01-responsive-web-design/learn-css-colors-by-building-a-color-markers-set/step-082.md @@ -22,31 +22,26 @@ In the `.sleeve` CSS rule, replace the `border-left-width`, `border-left-style`, Your `.sleeve` CSS rule should not have a `border-left-width` property and value. ```js -assert( - !__helpers.removeWhiteSpace($('style').text()).includes('border-left-width:') +assert.isEmpty(__helpers.CSSHelp(document).getStyle('.sleeve')?.borderLeftWidth); ); ``` Your `.sleeve` CSS rule should not have a `border-left-style` property and value. ```js -assert( - !__helpers.removeWhiteSpace($('style').text()).includes('border-left-style:') -); +assert.isEmpty(__helpers.CSSHelp(document).getStyle('.sleeve')?.borderLeftStyle); ``` Your `.sleeve` CSS rule should not have a `border-left-color` property and value. ```js -assert( - !__helpers.removeWhiteSpace($('style').text()).includes('border-left-color:') -); +assert.isEmpty(__helpers.CSSHelp(document).getStyle('.sleeve')?.borderLeftColor); ``` Your `.sleeve` CSS rule should have a `border-left` shorthand property and with the value `10px solid black`. ```js -assert(new __helpers.CSSHelp(document).getStyle('.sleeve')?.borderLeft === '10px solid black'); +assert.equal(new __helpers.CSSHelp(document).getStyle('.sleeve')?.borderLeft, '10px solid black'); ``` # --seed--