06 Widget

Zdrojové CSS: /src/_ins/css/molecules/box/_widget.scss

Defaultní

Výchozí molekula pro zobrazování widgetů. Slouží pro ni div.ins-box-widget.

Molekula slouží především jako obal pro vkládání dalších molekul, například kalendáře, jídelního lístků, dokumentů atd. Tyto další molekuly vkládáme vždy do div.ins-box-widget__body.

Widget je možno na stránce variabilně vkládat do gridu, dle potřebné šířky.

Zprávy / Muni informuje

ZDE VKLÁDÁME DALŠÍ MOLEKULY

Moje rychlé odkazy

ZDE VKLÁDÁME DALŠÍ MOLEKULY

Compact

Jedná se modifikaci defaulní molekuly, přidáváme k div.ins-box-widget__body třídu ins-box-widget__body--compact. Zajistí nám to, že vevnitř bude pouze 20px padding.

Zprávy / Muni informuje

ZDE VKLÁDÁME DALŠÍ MOLEKULY - bez paddingu

Moje rychlé odkazy

ZDE VKLÁDÁME DALŠÍ MOLEKULY - bez paddingu

Bez paddingu

Jedná se modifikaci defaulní molekuly, přidáváme k div.ins-box-widget__body třídu ins-box-widget__body--no-padding. Zajistí nám to, že vevnitř nebude žádný padding.

Zprávy / Muni informuje

ZDE VKLÁDÁME DALŠÍ MOLEKULY - bez paddingu

Moje rychlé odkazy

ZDE VKLÁDÁME DALŠÍ MOLEKULY - bez paddingu