Undefined scss variable error

Question

I'm trying to compile my SCSS and I'm having a pretty inexplicable gulp error.

So I checked my code and everything appears fine. Here's the variable in my _colors.scss file.

// dark shades
$gray1:         #3c3c3d !default;
$gray2:         #5a5a5b !default;
$gray3:         #7d7d7e !default;

And here's the line that is triggering the error in _base.scss

body{
  box-sizing: border-box;
  color: $gray1;
  font-family: $base-font;
  font-size: $font-size;
  line-height: $line-height;
  min-height: 100%;
  position: relative;
}

And here's my gulpfile css task that I ran.

gulp.task('css', function() {
    return sass('scss/**/*.scss')
        .pipe(sourcemaps.init())
        .pipe(autoprefixer())
        .pipe(concat('styles.css'))
        .on('error', sass.logError)
        .pipe(sourcemaps.write())
        .pipe(gulp.dest('./css'))
            .pipe(notify({ message: 'Wait for it....wait for it!!!' }));
});

All of my code is also in this repository in case you want to poke around (it's not much yet)

did you include the _collors.scss before the _base.scss if not it could be that at the time it compiles it, it doesnt know the variable because it gets importet at a later point — Rudi Urbanek
– Rudi Urbanek, Commented Aug 17, 2016 at 22:14
Ahhhh!!! That's it. Been a while since I used SASS. Add your comment as an answer and I'll mark it correct. — Kathryn Crawford
– Kathryn Crawford, Commented Aug 17, 2016 at 22:27

Rudi Urbanek · Accepted Answer · 2016-08-17 22:40:57Z

2

did you include the _collors.scss before the _base.scss if not it could be that at the time it compiles it, it doesnt know the variable because it gets importet at a later point

answered Aug 17, 2016 at 22:40

Rudi Urbanek

1,9531 gold badge15 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Undefined scss variable error

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related