| 1 | |
| 2 | |
| 3 | |
| 4 | |
| 5 | |
| 6 | |
| 7 | |
| 8 | |
| 9 | |
| 10 |
|
| 11 |
|
| 12 |
|
| 13 | .overflow-container {
|
| 14 | overflow-y: scroll;
|
| 15 | }
|
| 16 |
|
| 17 | .center {
|
| 18 | margin-right: auto;
|
| 19 | margin-left: auto;
|
| 20 | }
|
| 21 |
|
| 22 | .mr-auto { margin-right: auto; }
|
| 23 | .ml-auto { margin-left: auto; }
|
| 24 |
|
| 25 | @media (--breakpoint-not-small){
|
| 26 | .center-ns {
|
| 27 | margin-right: auto;
|
| 28 | margin-left: auto;
|
| 29 | }
|
| 30 | .mr-auto-ns { margin-right: auto; }
|
| 31 | .ml-auto-ns { margin-left: auto; }
|
| 32 | }
|
| 33 |
|
| 34 | @media (--breakpoint-medium){
|
| 35 | .center-m {
|
| 36 | margin-right: auto;
|
| 37 | margin-left: auto;
|
| 38 | }
|
| 39 | .mr-auto-m { margin-right: auto; }
|
| 40 | .ml-auto-m { margin-left: auto; }
|
| 41 | }
|
| 42 |
|
| 43 | @media (--breakpoint-large){
|
| 44 | .center-l {
|
| 45 | margin-right: auto;
|
| 46 | margin-left: auto;
|
| 47 | }
|
| 48 | .mr-auto-l { margin-right: auto; }
|
| 49 | .ml-auto-l { margin-left: auto; }
|
| 50 | }
|