Fájlok importálása, webreferencia
Egy nagy dokumentum kis méretű leválasztása egyszerűsíti a fejlesztést, mivel a kód egyszerűbbé és intuitívabbá válik, könnyebb a hibakeresés. Ha egy fájlt szeretne betölteni egy másik Sass-ból, akkor a @import parancsot használják, és a helyesírás hasonlósága ellenére a @import stílus szabálytól eltérő módon működik. A CSS-ben az import hatással van általában az oldal betöltési idejére, mivel minden fájl külön hálózati kérelmet igényel. Minél több ilyen fájl, annál rosszabb a webhely teljesítménye.
A Sass-ban nincs probléma az oldalak teljesítményével vagy betöltési idejével, mivel sok apró fájl egy egyszerű stílusfájlba kerül. Így a fájlok szerkesztésével és a nagy sebességű terhelési stílusok csatlakoztatásával rendelkező harmadik fél könyvtárak kényelmét megőrzi.
Hagyományosan a kapcsolódó fájlok aláhúzási karakterrel kezdődnek, így azonnal megértettük a kiegészítő szerepüket. Ebben az esetben az aláhúzás maga, valamint a @import parancs fájlkiterjesztése nem íródott.
Például hozzon létre egy _reset.scss fájlt, és benne írjuk a következő kódot.
Most, hogy ezt a kódot hozzáadjuk a fő stílusfájlhoz, csak írjunk.
Az utolsó CSS-fájlban a @import helyett a _reset.scss tartalom kerül hozzáadásra.
A fájlok importálásakor a Bourbon típusú szennyező könyvtárak épültek. Elég, hogy importáljon egy könyvtárat, és hatalmas számú elkészített darabot adhat hozzá kódjához. Itt például, hogyan lehet lineáris gradienset létrehozni.
A CSS-ben megkapjuk a kész gradienset az előzetesen már hozzáadott előtagokkal.