Importování

Ve většině případů nebudeme chtít psát všechny naše styly do jednoho souboru. Pokud bychom používali jen jeden soubor, tak bychom se v našem kódu mohli začít ztrácet. Proto je dobré členit kód do více souborů podle toho čeho se týká. LESS nám umožňuje používat více souborů a ty potom spolu propojit pomocí příkazu @import. Příkaz @import v podstatě slouží k přenesení obsahu jednoho souboru do druhého. Následující ukázka tento příkaz ukazuje.

// získání obsahu souboru typography.less
@import "typography.less";

Přípony souborů

Příkaz @import neslouží jen k importování LESS souborů, ale také třeba na importování normálních CSS stylů. Pokud ale importujeme LESS soubor tak můžeme vynechat koncovku souboru.

// pokud importujeme LESS soubor, tak můžeme vynechat jeho koncovku
@import "typography"; // typography.less
@import "foo.less";
@import "foo.css";
@import "foo.php";

Možnosti importu

Příkaz @import si můžeme různě nastavit a změnit tak jeho chování. Máme různé možnosti, které můžeme příkazu @import nastavit, můžeme je za něj napsat do závorek. Pokud chceme nastavit více možností oddělíme je čárkou.

// použítí příkazu @import s nastavením možností
@import (optional, reference) "foo.less";

reference

Možnost reference zajistí že se obsah importovaného souboru neobjeví ve zkompilovaném CSS souboru.

inline

Možnost inline zajistí že se obsah importovaného souboru objeví ve zkompilovaném CSS souboru ale nebudeme jej moci používat.

less

Možnost less zajistí že se souborem bude zacházeno jako s LESS souborem i když třeba nebude mít koncovku .less.

css

Možnost css zajistí že se souborem bude zacházeno jako s CSS souborem i když třeba nebude mít koncovku .css.

once

Možnost once je nastavena defaultně. Tato možnost zajistí, že se importovaný soubor naimportuje jen jednou.

@import (once) "foo.less";
@import (once) "foo.less"; // tento řádek bude ignorován

multiple

Možnost multiple zajistí že se soubor může naimportovat i vícekrát.

@import (multiple) "foo.less";
// následující řádek naimportuje soubor ještě jednou
@import (multiple) "foo.less";

optional

Možnost optional zajistí, že se nezastaví kompilace když se soubor nenajde.

pokračovat na další část