1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 |
|
12 | .v-base { vertical-align: baseline; }
|
13 | .v-mid { vertical-align: middle; }
|
14 | .v-top { vertical-align: top; }
|
15 | .v-btm { vertical-align: bottom; }
|
16 |
|
17 | @media (--breakpoint-not-small) {
|
18 | .v-base-ns { vertical-align: baseline; }
|
19 | .v-mid-ns { vertical-align: middle; }
|
20 | .v-top-ns { vertical-align: top; }
|
21 | .v-btm-ns { vertical-align: bottom; }
|
22 | }
|
23 |
|
24 | @media (--breakpoint-medium) {
|
25 | .v-base-m { vertical-align: baseline; }
|
26 | .v-mid-m { vertical-align: middle; }
|
27 | .v-top-m { vertical-align: top; }
|
28 | .v-btm-m { vertical-align: bottom; }
|
29 | }
|
30 |
|
31 | @media (--breakpoint-large) {
|
32 | .v-base-l { vertical-align: baseline; }
|
33 | .v-mid-l { vertical-align: middle; }
|
34 | .v-top-l { vertical-align: top; }
|
35 | .v-btm-l { vertical-align: bottom; }
|
36 | }
|