| 1 | |
| 2 | |
| 3 | |
| 4 | |
| 5 | |
| 6 | |
| 7 | |
| 8 | |
| 9 | |
| 10 | |
| 11 |
|
| 12 |
|
| 13 | .shadow-1 { box-shadow: var(--box-shadow-1); }
|
| 14 | .shadow-2 { box-shadow: var(--box-shadow-2); }
|
| 15 | .shadow-3 { box-shadow: var(--box-shadow-3); }
|
| 16 | .shadow-4 { box-shadow: var(--box-shadow-4); }
|
| 17 | .shadow-5 { box-shadow: var(--box-shadow-5); }
|
| 18 |
|
| 19 | @media (--breakpoint-not-small) {
|
| 20 | .shadow-1-ns { box-shadow: var(--box-shadow-1); }
|
| 21 | .shadow-2-ns { box-shadow: var(--box-shadow-2); }
|
| 22 | .shadow-3-ns { box-shadow: var(--box-shadow-3); }
|
| 23 | .shadow-4-ns { box-shadow: var(--box-shadow-4); }
|
| 24 | .shadow-5-ns { box-shadow: var(--box-shadow-5); }
|
| 25 | }
|
| 26 |
|
| 27 | @media (--breakpoint-medium) {
|
| 28 | .shadow-1-m { box-shadow: var(--box-shadow-1); }
|
| 29 | .shadow-2-m { box-shadow: var(--box-shadow-2); }
|
| 30 | .shadow-3-m { box-shadow: var(--box-shadow-3); }
|
| 31 | .shadow-4-m { box-shadow: var(--box-shadow-4); }
|
| 32 | .shadow-5-m { box-shadow: var(--box-shadow-5); }
|
| 33 | }
|
| 34 |
|
| 35 | @media (--breakpoint-large) {
|
| 36 | .shadow-1-l { box-shadow: var(--box-shadow-1); }
|
| 37 | .shadow-2-l { box-shadow: var(--box-shadow-2); }
|
| 38 | .shadow-3-l { box-shadow: var(--box-shadow-3); }
|
| 39 | .shadow-4-l { box-shadow: var(--box-shadow-4); }
|
| 40 | .shadow-5-l { box-shadow: var(--box-shadow-5); }
|
| 41 | }
|