/ / Foundation 5 індивідуальна установка сасе проекту - zurb-foundation, compass-sass, compass, zurb-foundation-5

Фонд 5 Настроювання користувацького сасе проекту - zurb-foundation, компас-сасс, компас, zurb-foundation-5

У мене є проект, який я хотів би використатифундамент 5 з Я пройшов крок створення нового проекту з використанням CLI, але мені це не подобається. Існує забагато файлів, і структура не збігається з тим, що я хочу. Так що ...

Я маю намір додати лише необхідні файли до мого проекту та використовувати компас для компіляції всього css.

У проекті, створеному на CLI, я помітив декілька речей, які мене збивають і хотіли б отримати певну допомогу в їх очищенні.

  • У проекті, створеному на CLI, є два _settings.scss файли, що знаходяться під каталогом фундаменту в bower_components та один в MY_PROJECTscss. Я припускаю, що через це add_import_path "bower_components/foundation/scss" лінія в config.rb, який з цих файлів має перевагу?

  • Чому MY_PROJECT/stylesheets не мати в цьому норму normalize.css (або foundation.css)? І як їх там немає? (у моїй індивідуальній настройці вони створюються, хоча і в підкаталогах stylesheets, також foundation.css що генерується для мене не має застосованих змін параметрів, тому я думаю, що його не потрібно створювати)

Відповіді:

0 для відповіді № 1

Якщо ви подивитеся всередину bower_componentsfoundationscss ви побачите файл foundation.scss. Цей файл імпортує всі таблиці стилів для всіх додаткових компонентів, які входять до пакета "Foundation 5". У вашому корені scss каталог, app.scss це те, що компілює SASS в stylesheetsapp.css. Отже, замість цього:

@import "foundation";

Скасуйте окремі компоненти, які ви будете використовувати. Щось на зразок цього:

@import
//"foundation/components/accordion",
//"foundation/components/alert-boxes",
"foundation/components/block-grid",
//"foundation/components/breadcrumbs",
//"foundation/components/button-groups",
//"foundation/components/buttons",
"foundation/components/clearing",
"foundation/components/dropdown",
//"foundation/components/dropdown-buttons",
//"foundation/components/flex-video",
"foundation/components/forms",
"foundation/components/grid",
//"foundation/components/inline-lists",
//"foundation/components/joyride",
//"foundation/components/keystrokes",
//"foundation/components/labels",
//"foundation/components/magellan",
//"foundation/components/orbit",
//"foundation/components/pagination",
//"foundation/components/panels",
//"foundation/components/pricing-tables",
//"foundation/components/progress-bars",
"foundation/components/reveal",
"foundation/components/side-nav",
//"foundation/components/split-buttons",
"foundation/components/sub-nav",
//"foundation/components/switches",
"foundation/components/tables",
//"foundation/components/tabs",
//"foundation/components/thumbs",
//"foundation/components/tooltips",
"foundation/components/top-bar",
"foundation/components/type",
"foundation/components/offcanvas",
"foundation/components/visibility";

Якщо ви хочете оптимізувати структуру вашого файлу, я запропонував вам видалити будь-які файли scss з bower_componentsfoundationscssfoundationcomponents каталог, який ви не будете використовувати. Той же з js каталог Вам не потрібно нічого змінювати в bower_components Каталог, щоб отримати все, щоб працювати. Не зовсім впевнений, чому все це містило всередині bower_components, але я уявляю, що це має дещо пов'язане з можливістю оновлення базових компонентів пізніше з майбутніми випусками.

Хтось інший міг напевно дати більш освічену відповідь.

р.с. - обов'язково compass watch у вашому CLI, щоб переглянути будь-які зміни, внесені в файли SASS.


Схожі запитання


Коментарі (0)

Додати коментар