UNPKG

903 BCSSView Raw
1/*
2
3 VERTICAL ALIGN
4
5 Media Query Extensions:
6 -ns = not-small
7 -m = medium
8 -l = large
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}