Closed woldner closed 8 years ago
Foundation use @import and @include and it would seem that using // before @include breaks gulp-autoprefixer as shown below:
@import
@include
//
CssSyntaxError in plugin 'gulp-autoprefixer' Message: /Users/Jwldnr/Sites/ex/sass/app.scss:10:1: Unknown word
@include foundation-typography; // @include foundation-button; ^ @include foundation-forms;
@include foundation-typography;
// @include foundation-button;
^
@include foundation-forms;
.scss markup:
@charset 'utf-8'; @import 'settings'; @import 'foundation'; @import 'motion-ui'; @include foundation-global-styles; @include foundation-grid; @include foundation-typography; // @include foundation-button;
It should also be noted that using /* comments */ DOES WORK.
/* comments */
example:
@charset 'utf-8'; @import 'settings'; @import 'foundation'; @import 'motion-ui'; @include foundation-global-styles; @include foundation-grid; @include foundation-typography; /* @include foundation-button; */
apparently using any // comment breaks..
actually its me who's an idiot: placing autoprefixer before running sass on src is what caused the error.
autoprefixer
sass
Foundation use
@import
and@include
and it would seem that using//
before@include
breaks gulp-autoprefixer as shown below:CssSyntaxError in plugin 'gulp-autoprefixer' Message: /Users/Jwldnr/Sites/ex/sass/app.scss:10:1: Unknown word
@include foundation-typography;
// @include foundation-button;
^
@include foundation-forms;
.scss markup:
It should also be noted that using
/* comments */
DOES WORK.example: