gulpfile.js

var gulp = require('gulp'), compass = require('gulp-compass'); gulp.task('compass', function() { gulp.src('scss/*.scss') .pipe(compass({ config_file: './config.rb', css: 'stylesheets', sass: 'scss' })) .pipe(gulp.dest('scss')); });

config.rb

 preferred_syntax = :sass http_path = "/" css_dir = 'stylesheets' sass_dir = 'scss' relative_assets = true line_comments = true

main.scss

 h1 { color: green; @include text-shadow(rgba(blue, 0.2) 1px 1px 0, rgba(blue, 0.2) 2px 2px 0, rgba(blue, 0.2) 3px 3px 0); }

Hello, help please solve this problem. When running GULP, sass compiles normally, and mixin compass do not want to work. Writes: "Error: error scss / main.scss (Line 3: Undefined mixin 'text-shadow'.)".

  • main.scss forgot. - D-side
  • h1 {color: green; @include text-shadow (rgba (blue, 0.2) 1px 1px 0, rgba (blue, 0.2) 2px 2px 0, rgba (blue, 0.2) 3px 3px 0); } - poseidon
  • scss is elementary, everything works until the moment when I add any @include from the compass - poseidon documentation
  • one
    All details about the question - in question. - D-side
  • Solution: you need to connect the import "compass / css3". Helped on Toaster.ru. Thanks to all!!! - poseidon

1 answer 1

Solution to this problem: You need to connect the compass file to the .scss file

 @import "compass/css3";