Layout Scale Variables not defined

[smandava]

Detailed description

I'm not able to use Layout scale variables such as $layout-2xs, $layout-xs etc as documented in the spacing section of style guide. I get Undefined variable: "$layout-xs" SCCS error.

What version of the Carbon Design System are you using?

9.02

Steps to reproduce the issue

• git clone https://github.com/carbon-design-system/carbon-boilerplate.git
• cd carbon-boilerplate
• npm install or yarn
• Specify padding as a $layout-xl in app\scss\main.scss as shown below

.container {
-  padding: 2rem 5% 0;
+  padding: $layout-xl 5% 0;
 }

• npm run dev
• I'm getting the following error:

Error: app\scss\main.scss
Error: Undefined variable: "$layout-xl".
        on line 8 of app/scss/main.scss
>>   padding: $layout-xl 5% 0;
   -----------^

[alisonjoseph]

Hi @smandava thanks for catching this, I'm working on getting them added now.

[carbon-bot]

🎉 This issue has been resolved in version 9.0.13 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀