02.05 Boxy – Výpis s ohraničením

Zdrojové CSS: /src/css/molecules/box/_grid.scss

Default

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.

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.

Text1

Text2

Nadpis

Text

Text1

Text2

Nadpis

Text

Nadpis

Text