Compass не может найти mixins

Question

Я пытаюсь использовать базовый sass + compass в gulp для создания css. Когда я запускаю задачу, я получаю сообщение об ошибке Error: error main.scss (Line 2: Undefined mixin 'user-select'.) У меня есть как сасс, так и компас. Та же история происходит с gulp-компасом.

Любые идеи, что не так с моей конфигурацией?

Минимальная конфигурация, которая ведет себя таким образом для меня:

Моего gulpfile.js

var gulp = require('gulp'); 
var sass = require('gulp-ruby-sass'); 

gulp.task('sass', function() { 
gulp.src('./scss/*.scss') 
    .pipe(sass({ compass: true, sourcemap: true, style: 'compressed' })) 
    .pipe(gulp.dest('./css')); 
}); 

Моего файл дерзость:

%button { 
    @include user-select('none'); 
} 

.button-orange { 
    @extend %button; 
    background-color: orange; 
} 

Я не config.rb для компаса , Ищете способ настроить его без него.

Answer 1

Изменение первой строки формы SCSS @import "compass/css3/user-interface"; этой линии @import "compass/css3"; помогли этой проблемы

Я также запустить $ compass create - в этот момент я не уверен, что это изменило.

Answer 2

Вы можете вообще отказаться от использования компилятора Compass. Просто импортируйте Compass в ваш файл SASS.

1. Установите библиотеку:

   bower install compass-sass-mixins 
   

2. Импорт компас в файл SASS:

   @import "bower_components/compass-sass-mixins/lib/compass"