02.15 Boxy – Kategorie

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

Defaultní

Výchozí molekula pro box s nadpisem a buttonem. Slouží hlavně pro výpis kategorií, která je vložena do rozcestníku.

Alternativní barva

Molekula vycházející z defaultní molekuly. Pro obarvení je potřeba přidat box-category--white na .box-category a upravit classy na tlačítku.

Primární barva webu

Molekula vycházející z defaultní molekuly. Pro obarvení je potřeba přidat box-category--primary na .box-category a upravit classy na tlačítku.

Bez obrázku

Molekula vycházející z defaultní molekuly. Pro odstranění obrázků je potřeba přidat box-category--no-img na .box-category.

Ukázka použití ve výpise

Vychází z defaultní molekuly v kombinaci s molekulou rozcestníku. Slouží k výpisu více kategorií za sebou.

Modifikace pro vlastní pozadí a intenzitu filteru na pozadí

Pro vlastní pozadí je potřeba přidat k defaultu modifikační classu .box-category--img a .box-category--bg. Slouží hlavně pro výpis kategorií, která je vložena do rozcestníku. Tyto modifikace vyruší defaultní obrázek na pozadí a můžeme vložit vlastní obrázek.