Panel

Group other componenets with a simple panel.

Header

Table

Add .panel--table to your .panel to get a paddingless table. The first and last columns (td,th) also get a padding bump to give more space from the edge.

Reference

Variables

:root {
--panel-padding: var(--space-l);
--panel-radius: .8rem;
--panel-border: 0px none;
--panel-shadow: 0 1px 1px #00000012, 0 2px 5px #0000001a;
--panel-margin: 0 0 1rem 0;
--panel-background: transparent;
}

Source

@import '@dsbn/slate-css/src/components/panel';