loading... Pacem JS

Dynamic Panel

Consider PacemPanelElement as a general purpose <div>. It has the basic characteristics of a PacemElement (abstract visual class that allows css classes and inline css bindings) plus dynamic html content, just in case.

<pacem-panel><!-- content goes here --></pacem-panel>

Styling Panels

.pacem-panel is also a css class that eases content disposition.
Heading, Body and Footer (also Tools and other stuff) can be arranged with no effort at all.

Styling Cards

.pacem-card is a css class that eases the disposition of content plus an image.
Heading, Body and Footer (also Tools and other stuff) follow the rules above, while Img and Ribbon positioning gets also handled via css.