Проблема компиляции Grunt Sass
У меня есть все мои файлы sass в main.css, который компилируется grunt.
Структура выглядит следующим образом:
main.scss
/* Extended CSS */
@import '_extend.scss';
/* Generic CSS */
@import 'general.scss';
/* View based CSS */
@import 'create-obj.scss';
@import 'css2.scss';
/* Module based CSS **/
@import 'css3.scss';
_extend.scss
%width-100 {
width: 100%;
}
создание-obj.scss
ul.form-fields {
> li {
@extend %width-100;
@extend %float-l;
position: relative;
input {
padding-right: 160px;
}
}
}
Когда он компилируется grunt, я получаю следующую ошибку:
Running "compass:server" (compass) task
error src/main/webapp/assets/scss/create-obj.scss (Line 14: "ul.form-fields > li" failed to @extend "%width-100".
The selector "%width-100" was not found.
Use "@extend %width-100 !optional" if the extend should be able to fail.
)
write src/main/webapp/assets/css/main.css (0.049s)
Compilation failed in 1 files.
Warning: ↑ Use --force to continue.
Прервано из-за предупреждений.
И когда я сохраняю _extend.scss, то он становится успешным.
В двух словах каждый раз, когда я добавляю css в css1.scss и сохраняю его. Grunt дает мне ошибку компиляции, а затем мне нужно сохранить _extend.scss для завершения компиляции.
Любые отзывы приветствуются.