CODEWITHSUNDEEP
sassgulp-sassbourbonneat
bob
bob

Reputation: 943

sass @include works in some files and not others

I'm using the sass library 'bourbon neat'. It provides a mixin called "outer-container".

I have a sass file structured like this:

@import bourbon/bourbon
@import neat/neat

@import componentOne

@import componentTwo

I want to use neat from within both the files componentOne and componentTwo.

Within both files I have use the mixin:

@include outer-container;

If I use the mixin from just within componentOne, I get the result I want. The mixin gets used.

If I use the mixin from within componentTwo, my gulp-sass throws the Error:

Error: no mixin named outer-container

   Backtrace:
      componentTwo.scss
    on line 3 of componentTwo.scss

@include outer-container;

I could cheat by importing the entire library into the second file. But if I read the sass docs right, the mixin should be available to both componentOne.scss and componentTwo.scss, because they are both @imported into a file that already imports the library.

What's going on here? How do I use the library in all my sass files without importing it into each file?

Upvotes: 1

Views: 251

Answers (0)

Related Questions