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

Question

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

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

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

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

Спасибо!

Answer 1

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

Answer 2

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

Answer 3

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

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

А потом

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

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

Answer 4

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