/ / Фондација 5 подешавање пројекта са сассом - зурб-фондација, компас-сасс, компас, зурб-фондација-5

Фондација 5 подешавање пројекта сасвим сасвим - зурб-фондација, компас-сасс, компас, зурб-фондација-5

Имам пројекат који бих волео да користимтемељ 5 са. Прошао сам кроз кораке креирања новог темељног пројекта користећи ЦЛИ, али ми се не свиђа. Има превише датотека и структура се не поклапа са оним што желим. Дакле ...

Намеравам да додам само потребне фајлове у свој пројекат и користим компас за компајлирање свих ЦСС-а.

У пројекту креираном на ЦЛИ приметио сам неколико ствари које ме збуњују и волели би да им помогнем да их очистим.

  • У пројекту креираном на ЦЛИ постоје два _settings.scss додаје један под именик темељ у бовер_цомпонентс и један у MY_PROJECTscss. Претпостављам то због тога add_import_path "bower_components/foundation/scss" линија у config.rb, који од тих фајлова има предност?

  • Зашто MY_PROJECT/stylesheets немате нормализе.цсс (или фоундатион.цсс) у њему? А како нису тамо? (у мом прилагођеном подешавању они се генеришу, мада у поддиректоријуме stylesheets, такође и foundation.css који се генерише за мене, није примењено никакво промене поставки, тако да претпостављам да то не треба генерисати)

Одговори:

0 за одговор № 1

Ако погледате унутра bower_componentsfoundationscss видећете датотеку foundation.scss. Та датотека увози све стилске листове за све додатне компоненте које долазе у пакету Фоундатион 5 ". У свом корену scss директоријум, app.scss је оно што саставља САСС у 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 у вашем ЦЛИ-у да видите било коју од тих промена направљених у вашим САСС датотекама.


Сродна питања


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

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