| 1 | |
| 2 | |
| 3 |
|
| 4 |
|
| 5 | article {
|
| 6 | margin: var(--block-spacing-vertical) 0;
|
| 7 | padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);
|
| 8 | overflow: hidden;
|
| 9 | border-radius: var(--border-radius);
|
| 10 | background: var(--card-background-color);
|
| 11 | box-shadow: var(--card-box-shadow);
|
| 12 |
|
| 13 | > header,
|
| 14 | > footer,
|
| 15 | > pre {
|
| 16 | margin-right: calc(var(--block-spacing-horizontal) * -1);
|
| 17 | margin-left: calc(var(--block-spacing-horizontal) * -1);
|
| 18 | padding: calc(var(--block-spacing-vertical) / 1.5) var(--block-spacing-horizontal);
|
| 19 | background-color: var(--card-sectionning-background-color);
|
| 20 | }
|
| 21 |
|
| 22 | > header {
|
| 23 | margin-top: calc(var(--block-spacing-vertical) * -1);
|
| 24 | margin-bottom: var(--block-spacing-vertical);
|
| 25 | border-bottom: var(--border-width) solid var(--card-border-color);
|
| 26 | }
|
| 27 |
|
| 28 | > footer,
|
| 29 | > pre {
|
| 30 | margin-top: var(--block-spacing-vertical);
|
| 31 | margin-bottom: calc(var(--block-spacing-vertical) * -1);
|
| 32 | border-top: var(--border-width) solid var(--card-border-color);
|
| 33 | }
|
| 34 | }
|