False positive “undefined variable” error when compiling SCSS

by

You’re generating files that don’t need to be generated.

  • screen.scss -> screen.css
  • base.scss -> base.css
  • catalog.scss -> catalog.css

The catalog file is being compiled on its own. Since it is not importing base.scss, the variables are not set. Your screen.scss file generates as you expect because it is importing all of the necessary information.

What you want to do is rename your partials to begin with an underscore to prevent them from being compiled on their own:

  • screen.scss -> screen.css
  • _base.scss (not compiled)
  • _catalog.scss (not compiled)

More Related Contents:

  1. To know the sass structure [closed]
  2. Adding a unit to a number in Sass
  3. Using Sass Variables with CSS3 Media Queries
  4. Sass – Manipulate inherited property?
  5. Append the parent selector to the end with Sass
  6. Modifying the middle of a selector in Sass (adding/removing classes, etc.)
  7. Sass Interpolation of Mixin, Function, and Variable names
  8. Why does Sass change the format of my colors?
  9. Is Sass 3.3 compatible with Compass?
  10. How to overwrite SCSS variables when compiling to CSS
  11. Can I import an externally hosted file with sass?
  12. Using a function in Sass is returning the string containing the name of the function rather than the result
  13. Concatenating nested classes using SASS [duplicate]
  14. Math with interpolated variables?
  15. Define variables in Sass based on classes
  16. Sass calculate percent minus px
  17. Sass color variable not working inside darken()
  18. Skipping an optional argument in Sass mixin
  19. Can’t get sass + compass + susy installed due to version conflict
  20. Multiple values for one property with variable argument lists in Sass
  21. Adding two values in Sass function creates double instance of ‘px’
  22. Interpolation of prefixes on @keyframes in Sass
  23. Is it possible to reference a further parent than just the one above?
  24. Gulp TypeError: Arguments to path.join must be strings
  25. webpack (with sass-loader) – scss file @import does not recognize resolve alias
  26. SASS compile fontawesome preserve notation
  27. Trying to use sass modules in create-react-app with the new @use syntax but receiving an error
  28. Configure compass browser support (Compass 1.x syntax)
  29. Unexpected results when using @extend for themes
  30. What does % mean in SASS?

Leave a Comment