/ / Foundation 5 vlastní nastavení projektu sass - zurb-foundation, compass-sass, kompas, zurb-foundation-5

Nadace 5 vlastní nastavení sass projektu - zurb-foundation, compass-sass, kompas, zurb-foundation-5

Mám projekt, který bych chtěl použítnadace 5 s. Projel jsem kroky vytvoření nového projektu založeného na projektu CLI, ale nelíbí se mi to. Je příliš mnoho souborů a struktura neodpovídá tomu, co chci.

Mám v úmyslu přidávat do projektu pouze požadované soubory a kompas kompilovat všechny css.

V projektu, který byl vytvořen na CLI, jsem si všiml několika věcí, které mě zaměňují a chtějí nějakou pomoc při jejich vyčištění.

  • V projektu vytvořeném na CLI jsou dva _settings.scss soubory jeden pod základním adresářem v bower_components a jeden v MY_PROJECTscss. Předpokládám, že kvůli tomu add_import_path "bower_components/foundation/scss" line v config.rb, který z těchto souborů má přednost?

  • Proč ano? MY_PROJECT/stylesheets nemáte v něm normalizaci.css (nebo foundation.css)? A jak tam nejsou? (v mém vlastním nastavení jsou generovány, i když v podadresářích stylesheets, také foundation.css to je generováno pro mě nemá žádné změny nastavení aplikací tak myslím, že by neměl být generován)

Odpovědi:

0 pro odpověď č. 1

Pokud se podíváte dovnitř bower_componentsfoundationscss uvidíte soubor foundation.scss. Tento soubor importuje všechny styly pro všechny další součásti, které jsou součástí balení Foundation 5 "." Ve vašem kořenu scss adresář, app.scss je to, co SASS sestaví do stylesheetsapp.css. Takže spíše než toto:

@import "foundation";

Oddělte jednotlivé komponenty, které budete používat. Něco takového:

@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";

Pokud byste chtěli zefektivnit strukturu souborů, doporučuji vám odstranit všechny soubory bower_componentsfoundationscssfoundationcomponents adresář, který nebudete používat. Stejné jako js adresář. Nemusíte ve skutečnosti nic upravovat bower_components aby vše fungovalo. Ne zcela jisté, proč je to všechno uvnitř bower_components, ale myslím si, že má něco společného s tím, že bude moci aktualizovat základní komponenty později s budoucími vydáními.

Někdo jiný by pravděpodobně mohl dát více vzdělané odpovědi.

p.s. - Ujistěte se compass watch ve vašem CLI, abyste viděli některé změny provedené ve vašich souborech SASS.


Související dotazy


Komentáře (0)

Přidat komentář