37 lines
903 B
CSS
37 lines
903 B
CSS
|
/*
|
||
|
|
|
||
|
|
VERTICAL ALIGN
|
||
|
|
|
||
|
|
Media Query Extensions:
|
||
|
|
-ns = not-small
|
||
|
|
-m = medium
|
||
|
|
-l = large
|
||
|
|
|
||
|
|
*/
|
||
|
|
|
||
|
|
.v-base { vertical-align: baseline; }
|
||
|
|
.v-mid { vertical-align: middle; }
|
||
|
|
.v-top { vertical-align: top; }
|
||
|
|
.v-btm { vertical-align: bottom; }
|
||
|
|
|
||
|
|
@media (--breakpoint-not-small) {
|
||
|
|
.v-base-ns { vertical-align: baseline; }
|
||
|
|
.v-mid-ns { vertical-align: middle; }
|
||
|
|
.v-top-ns { vertical-align: top; }
|
||
|
|
.v-btm-ns { vertical-align: bottom; }
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (--breakpoint-medium) {
|
||
|
|
.v-base-m { vertical-align: baseline; }
|
||
|
|
.v-mid-m { vertical-align: middle; }
|
||
|
|
.v-top-m { vertical-align: top; }
|
||
|
|
.v-btm-m { vertical-align: bottom; }
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (--breakpoint-large) {
|
||
|
|
.v-base-l { vertical-align: baseline; }
|
||
|
|
.v-mid-l { vertical-align: middle; }
|
||
|
|
.v-top-l { vertical-align: top; }
|
||
|
|
.v-btm-l { vertical-align: bottom; }
|
||
|
|
}
|