Несколько таблиц стилей Zurb Foundation (компас)

Я создал проект с помощью компаса+фундамента. У меня на странице есть несколько файлов .scss, и я хочу использовать миксины фундамента во всех из них. Если я делаю настройки импорта, импортирую фонд. Он копирует все настройки в каждый файл, что занимает много лишнего места. Я уверен, что я делаю что-то не так здесь.


sass zurb-foundation compass-sass
person David 天宇 Wong    schedule 05.02.2013    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Если вам нужно использовать примеси Foundation в ваших собственных файлах scss, вы действительно должны использовать директиву @import. Однако вам не следует импортировать файл foundation.scss.

В Sass есть соглашение об именах файлов, предназначенных для импорта (называемых «частичными»): они начинаются с подчеркивания.

Импортируйте только те части, которые вам нужны (я был бы удивлен, если бы вам понадобился каждый).

Например, мне нужно было использовать миксин "css-triangle" из _foundation-global.scss в одном из моих файлов.

MyStyles.scss

@import "../foundation/foundation-global"; (no need for the leading underscore)

.myClass{
   @include css-triangle(5px, #fff, top);
}

Я уверен, что вы читали это, но на всякий случай дам ссылку.

person ThunderDev    schedule 30.04.2013