Fix SCSS undefined variable error by importing app-variables

justin808 · claude · justin808 · commit 7fd36a8a2316 · 2025-11-02T16:28:22.000-10:00
Add @import statement to HelloWorld.module.scss files to import app-variables.scss which defines $bright-color variable. This fixes the "Undefined variable" SCSS compilation error during webpack builds. Fixed in both: - spec/dummy/client/app/components/HelloWorld.module.scss - react_on_rails_pro/spec/dummy/client/app/components/HelloWorld.module.scss 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
diff --git a/react_on_rails_pro/spec/dummy/client/app/components/HelloWorld.module.scss b/react_on_rails_pro/spec/dummy/client/app/components/HelloWorld.module.scss
@@ -1,3 +1,5 @@
+@import "../assets/styles/app-variables.scss";
+
 .brightColor {
   color: $bright-color;
 }
diff --git a/spec/dummy/client/app/components/HelloWorld.module.scss b/spec/dummy/client/app/components/HelloWorld.module.scss
@@ -1,3 +1,5 @@
+@import "../assets/styles/app-variables.scss";
+
 .brightColor {
   color: $bright-color;
 }

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@import "../assets/styles/app-variables.scss";`
	`2`	`+`
`1`	`3`	`.brightColor {`
`2`	`4`	`color: $bright-color;`
`3`	`5`	`}`