02.05 Boxy – Výpis s ohraničením
Zdrojové CSS: /src/css/molecules/box/_grid.scss
Default
Máme moderní zrekonstruované zázemí
Špičkový archeologický výzkum
na Filosofickej fakulte
Naučíme vás kriticky myslet
a podpoříme vaši celoživotní chuť se vzdělávat
Zarovnání obsahu doleva
Molekula vycházející z defaultní molekuly. Pro zarovnání obsahu je potřeba přidat modifikátor box-grid__inner--left na .box-grid__inner.
Můžete studovat dva obory současně
v mnoha případech
Máme moderní zrekonstruované zázemí
a rozsáhlou knihovnu
Špičkový archeologický výzkum
na Filosofickej fakulte
Zvýrazněné a ohraničené
Molekula vycházející z defaultní molekuly. Pro ohraničení obsahu je potřeba přidat modifikátor box-grid--bordered na .box-grid. Pro zvýraznění nadpisu je potřeba přidat na element nadpisu modifikátor .title-highlighted.
Přidání Muni fontu je závislé na přidání util classy z frameworku .font-muni.
82%
Absolventů by znova studovalo na MU
23300,–
Průměrný nástupní plat
74%
Absolventů našlo práci snadno
89%
Je spokojeno se zaměstnáním
Zvýrazněné s pozadím
Molekula vycházející z defaultní molekuly. Pro přidání pozadí obsahu je potřeba přidat modifikátor box-grid--background na .box-grid. Pro zvýraznění nadpisu je potřeba přidat na element nadpisu modifikátor .title-highlighted.
83%
Absolventů by znova studovalo na MU
23300,–
Průměrný nástupní plat
74%
Absolventů našlo práci snadno
89%
Je spokojeno se zaměstnáním
Kombinace
Ukázky různých kombinací
Absolventi fakulty v číslech
83%
Absolventů by znova studovalo na MU
23300,–
Průměrný nástupní plat
74%
Absolventů našlo práci snadno
89%
Je spokojeno se zaměstnáním
Můžete studovat dva oborysoučasně v mnoha případech
Máme moderní zrekonstruované zázemí a rozsáhlou knihovnu
Špičkový archeologický výzkum na Filosofickej fakulte
Naučíme vás kriticky myslet a podpoříme vaši celoživotní chuť se vzdělávat
Absolventi fakulty v číslech
83%
Absolventů by znova studovalo na MU
23300,–
Průměrný nástupní plat
74%
Absolventů našlo práci snadno
89%
Je spokojeno se zaměstnáním
Můžete studovat dva obory současně
v mnoha případech
Máme moderní zrekonstruované zázemí
a rozsáhlou knihovnu
Špičkový archeologický výzkum
na Filosofickej fakulte
Naučíme vás kriticky myslet
a podpoříme vaši celoživotní chuť se vzdělávat
Třetiny
Ukázky kombinace na třetiny. Font zvětšen pomocí util classy z frameworku.
Absolventi fakulty v číslech
83%
Absolventů by znova studovalo na MU
23300,–
Průměrný nástupní plat
74%
Absolventů našlo práci snadno
V klasickém boxu s pozadím
Ukázka použití uvnitř molekuly s pozadím. Pokud je pozadí tmavé, je potřeba na .box-grid přidat ještě třídu .white.
Výchozí molekula pro významné informace. V této molekule se využívá atom grid, který se stará o zarovnání a počet sloupců.
Pokud chceme, aby jednotlivé buňky byly klikatelné pak z .box-grid__inner stačí udělat odkaz.
Je možné také definovat velikost nadpisu pomocí modifikátoru h1 - h5.