/ / Alapítvány 5 egyedi sass projekt beállítás - zurb-alapítvány, kompasz-sass, iránytű, zurb-alapítvány-5

Alapítvány 5 egyedi sass projekt beállítás - zurb-alapítvány, kompasz-sass, iránytű, zurb-alapítvány-5

Van egy olyan projektem, amelyet szeretnék használnialapítvány 5. A CLI segítségével új alapozási projektet hoztam létre, de nem tetszik nekem. Túl sok fájl van, és a struktúra nem egyezik meg azzal, amit akarok.

Csak a szükséges fájlokat akarom felvenni a projektemre, és az iránytűt használni az összes css összeállításához.

A CLI-ben létrehozott projektben észrevettem néhány olyan dolgot, amelyek összekevernek engem, és szeretnék segítséget kijavítani.

  • A CLI-ben létrehozott projektben kettő van _settings.scss fájlokat az alapkönyvtár alatt a bower_components és egy in MY_PROJECTscss. Ezért feltételezem, hogy ez add_import_path "bower_components/foundation/scss" vonal a config.rbmelyik fájl közül melyik előnyben részesül?

  • Miért MY_PROJECT/stylesheets nincs normalize.css (vagy foundation.css) benne? És hogy vannak ott? (az én egyéni beállításomban azokat generálják, bár a könyvtár alkönyvtáraiban stylesheets, szintén a foundation.css hogy az általam létrehozott számomra nincsenek beállítási változtatások, úgyhogy azt nem szabad generálni)

válaszok:

0 a válasz № 1

Ha belenézel bower_componentsfoundationscss látni fogod a fájlt foundation.scss. Ez a fájl importálja az összes stílusjegyet az összes többi összetevőhöz, amelyek az Alapítvány 5 "csomagjában" szerepelnek. A gyökérben scss könyvtár, a app.scss az, ami összeállítja a SASS-et stylesheetsapp.css. Ehelyett inkább:

@import "foundation";

Távolítsa el az egyes komponenseket, amelyeket használni fog.

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

Ha szeretné egyszerűsíteni a fájlstruktúrát, azt javasolnám, hogy távolítsa el a bower_componentsfoundationscssfoundationcomponents könyvtárat, amelyet nem fog használni. Ugyanaz a js Könyvtár. Nem kell valamit módosítania a bower_components könyvtárat, hogy mindent el tudjon működni. Nem teljesen biztos, hogy miért van benne minden bower_components, de azt hiszem, hogy valami köze van ahhoz, hogy képesek legyenek frissíteni a legfontosabb összetevőket későbbi kiadásokkal később.

Valaki más valószínűleg többet művelt volna.

Ui - győződjön meg róla, hogy compass watch a CLI-ben, hogy megtekinthesse a SASS fájlok bármelyikét.


Kapcsolódó kérdések


Hozzászólások (0)

Hozzászólni