02.16 Boxy – Produkty

Zdrojové CSS:
/src/css/molecules/box/_product.scss
/src/css/molecules/box/_product-attrs.scss

Defaultní

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

Varianta vedle sebe

Varianta vedle sebe, kromě class .box-product přidáme na obal také modifikační třídu .box-product--secondary rozcestníku.

Ukázka použití ve výpise

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

Atributy produktů

Vychází z molekuly pro výpis atributů (.box-product-attrs). Defaultní je ukázka s velikostmi, do které lze vložit "jakkoliv" dlouhý obsah. Pro použití barvy je potřeba přidat modifikátor box-product-attrs__item--color s inline stylem barvy na .box-product-attrs__item

Pro změnu velikosti nadpisů byly použity modifikátory z SK mini frameworku

Dostupné velikosti

  • S
  • M
  • L
  • Lorem ipsum dolor

Barvy

  • Žlutá
  • Červená
  • Modrá
  • Bílá