/ / Fonds 5 pasūtījuma sass projekta uzstādīšana - zurb-pamats, kompass-sass, kompass, zurb-foundation-5

Fonds 5 pasūtījuma sass projekta uzstādīšana - zurb-pamats, kompass-sass, kompass, zurb-foundation-5

Man ir projekts, kuru es gribētu izmantotfonds 5 ar. Man ir bijuši soļi, lai izveidotu jaunu fonda projektu, izmantojot CLI, bet man tas nav patīk. Ir pārāk daudz failu un struktūra neatbilst tam, ko es gribu. Tātad ...

Es plānoju pievienot manu projektu tikai nepieciešamos failus un izmantot kompasu, lai apkopotu visu css.

Projektā, kas izveidots CLI, es pamanīju dažas lietas, kas mani sajauc, un gribētu kādu palīdzību, lai to izlabotu.

  • Projektā, kas izveidots CLI, ir divi _settings.scss faili zem fondēšanas direktorijas bower_components un viens in MY_PROJECTscss. Es pieņemu, ka tāpēc add_import_path "bower_components/foundation/scss" līnija config.rb, kurš no šiem failiem ir izvēlēts?

  • Kāpēc MY_PROJECT/stylesheets nav normalize.css (vai foundation.css) tajā? Un kā viņi tur nav? (manā pielāgotajā iestatījumā tie tiek ģenerēti, lai gan vietņu apakšdirektorijās stylesheets, arī foundation.css kas tiek ģenerēts man, nav iestatījumu izmaiņas, tāpēc es domāju, ka to nevajadzētu ģenerēt)

Atbildes:

0 atbildei Nr. 1

Ja paskatās iekšā bower_componentsfoundationscss jūs redzēsiet failu foundation.scss. Šis fails importē visas stilu lapas visām papildu sastāvdaļām, kas iekļautas Foundation 5 paketē. Jūsu saknē scss katalogs, app.scss ir tas, kas apkopo SASS stylesheetsapp.css. Tātad, nevis tas:

@import "foundation";

Atsaukt atsevišķus komponentus, kurus izmantosit. Kaut kas līdzīgs šim:

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

Ja jūs vēlaties racionalizēt failu struktūru, es ieteiktu noņemt visus SCS failus no bower_componentsfoundationscssfoundationcomponents direktoriju, kuru neizmantojat. Tas pats ar js katalogs. Jums nav nepieciešams kaut ko mainīt bower_components direktoriju, lai viss darbotos. Nav pilnīgi pārliecināts, kāpēc tas viss ir iekšā bower_components, bet es uzskatu, ka tam ir kaut kas saistīts ar to, ka nākotnē varēs atjaunināt galvenās sastāvdaļas.

Kāds cits varētu, iespējams, sniegtu izglītotāku atbildi.

p.s. - pārliecinieties compass watch savā CLI, lai redzētu kādu no šīm izmaiņām, kas veiktas jūsu SASS failos.


Saistītie jautājumi


Komentāri (0)

Pievieno komentāru