/ / Foundation 5 Персонализиране на Sass проект - Zurb-Foundation, Compass-Sass, Compass, Zurb-Foundation-5

Фондация 5 custom sass project setup - zurb-foundation, compass-sass, компас, 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";

Ако искате да рационализирате структурата на файловете си, бих ви препоръчал да премахнете всички bower_componentsfoundationscssfoundationcomponents която няма да използвате. Същото с js директория. Всъщност не трябва да променяте нищо в bower_components директория, за да може всичко да работи. Не е съвсем сигурен защо всичко се съдържа в него bower_components, но си представям, че има нещо общо с това, че може да актуализира основните компоненти по-късно с бъдещи версии.

Някой друг може да даде по-образован отговор.

послепис - уверете се compass watch в CLI, за да видите каквито и да са промените, направени във вашите SASS файлове.


Свързани въпроси


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

Добави коментар