Использование Codekit 2 с Susy и Breakpoint

Мне нравится использовать Codekit для Compass-Project с Susy и Breakpoint.

@import "compass";
@import "compass/reset";
@import "susy";
@import "breakpoint";

Но появляется сообщение об ошибке «Файл для импорта не найден или нечитаем: точка останова».

Могу ли я использовать точку останова с Codekit2?

Спасибо!


person user3473628    schedule 07.05.2014    source источник


Ответы (4)


Да, однако, поскольку Codekit 2 не поставляется в комплекте с Breakpoint, как Susy и Compass, это не так просто, как @import "breakpoint";. Что вам нужно сделать, так это, используя интеграцию Bower с Codekit 2, загрузить пакет breakpoint-sass bower и изменить импорт на @import "../bower_components/breakpoint-sass/stylesheets/breakpoint";.

person Snugug    schedule 07.05.2014
comment
Идеальный! Спасибо. Путь: ../bower_components/breakpoint-sass/stylesheets/breakpoint - person user3473628; 07.05.2014

Почему бы не использовать @include susy-breakpoint(setting, layout);? Это позволяет вам добавлять настройки один раз вместо использования точки останова @include (ваша настройка); а затем @include layout(ваш макет); на следующей строке.

person prasutagus    schedule 09.05.2014
comment
Я следовал рекомендациям из документации Susy: единственным требованием является Sass, но Susy был создан для того, чтобы стать частью экосистемы Compass, и мы рекомендуем сочетать его с такими инструментами, как Breakpoint и Vertical Rhythms. - person user3473628; 12.05.2014

Я больше не вижу breakpoint-sass в списке пакетов Bower в Codekit. Я буду продолжать проверять.

person user3647674    schedule 30.03.2015

Для тех, кто не может найти breakpoint-sass в списке пакетов Bower CodeKit, вы можете сделать следующее.

npm install -g bower
bower install at-import/breakpoint

А потом

@import "../bower_components/compass-breakpoint/stylesheets/breakpoint"

внутри вашего основного файла .scss.

person Glass    schedule 29.07.2015