1 |
|
2 |
|
3 |
|
4 |
|
5 | article {
|
6 | margin: var(--spacing-block) 0;
|
7 | padding: var(--spacing-block) var(--spacing-gutter);
|
8 | overflow: hidden;
|
9 | border-radius: var(--block-round);
|
10 | background: var(--card-background);
|
11 | box-shadow: var(--card-shadow);
|
12 |
|
13 | @if map-get($breakpoints, "sm") {
|
14 | @media (min-width: map-get($breakpoints, "sm")) {
|
15 | @if $enable-responsive-spacings {
|
16 | margin: calc(var(--spacing-block) * var(--spacing-factor-sm)) 0;
|
17 | padding: calc(var(--spacing-block) * var(--spacing-factor-sm));
|
18 | }
|
19 | @else {
|
20 | margin: var(--spacing-block) 0;
|
21 | padding: var(--spacing-block);
|
22 | }
|
23 | }
|
24 | }
|
25 |
|
26 | @if map-get($breakpoints, "md") and
|
27 | $enable-responsive-spacings {
|
28 |
|
29 | @media (min-width: map-get($breakpoints, "md")) {
|
30 | margin: calc(var(--spacing-block) * var(--spacing-factor-md)) 0;
|
31 | padding: calc(var(--spacing-block) * var(--spacing-factor-md));
|
32 | }
|
33 | }
|
34 |
|
35 | @if map-get($breakpoints, "lg") and
|
36 | $enable-responsive-spacings {
|
37 |
|
38 | @media (min-width: map-get($breakpoints, "lg")) {
|
39 | margin: calc(var(--spacing-block) * var(--spacing-factor-lg)) 0;
|
40 | padding: calc(var(--spacing-block) * var(--spacing-factor-lg));
|
41 | }
|
42 | }
|
43 |
|
44 | @if map-get($breakpoints, "xl") and
|
45 | $enable-responsive-spacings {
|
46 |
|
47 | @media (min-width: map-get($breakpoints, "xl")) {
|
48 | margin: calc(var(--spacing-block) * var(--spacing-factor-xl)) 0;
|
49 | padding: calc(var(--spacing-block) * var(--spacing-factor-xl));
|
50 | }
|
51 | }
|
52 |
|
53 |
|
54 | @if $enable-important {
|
55 | > *:not(header):not(footer):not(pre):last-child {
|
56 | margin-bottom: 0 !important;
|
57 | }
|
58 | }
|
59 | }
|