08 Jak používat proměnné

Pokud se bavíme o proměnných, máme na mysli proměnné v preprocesorech. Na tomto projektu používáme SASS.

Veškeré používané proměnné udržujeme v souboru "src/css/lib/_variables.scss". Proměnné máme pro cesty, barvy, media querries, velikosti nadpisů a některé základní velikosti.

Proměnné best practices

V CSS bychom měli proměnné používat v maximální možné míře - může nám to velmi pomoct například při případných změnách. Pokud dojde na straně grafiky změna v barevnosti, tak tuto změnu implementujeme na jednom místě a projeví se nám napříč všemi místy, kde jsme proměnnou použili.

Použití proměnných při tvorbě fakultních stylů

Proměnné se dají přepisovat a vytvářet tak custom skiny, čehož využíváme při tvorbě fakultních variant. V defaultu MUNI frameworku je barva "$primary = $muni", tudíž se jako primární barva používá celouniverzitní modrá. Pro filozofickou fakultu se však barva mění na "$primary = $phil". Opět to tedy znamená, že proměnnou předeklarujeme na jednom místě, ale projeví se nám v celém frameworku.