45 lines
1.5 KiB
SCSS
45 lines
1.5 KiB
SCSS
/*
|
|
VERTICAL ALIGN
|
|
*/
|
|
|
|
.v-base { vertical-align: baseline; }
|
|
.v-sub { vertical-align: sub; }
|
|
.v-sup { vertical-align: super; }
|
|
.v-txt-top { vertical-align: text-top; }
|
|
.v-txt-btm { vertical-align: text-bottom; }
|
|
.v-mid { vertical-align: middle; }
|
|
.v-top { vertical-align: top; }
|
|
.v-btm { vertical-align: bottom; }
|
|
|
|
@include break(not-small) {
|
|
.v-base-ns { vertical-align: baseline; }
|
|
.v-sub-ns { vertical-align: sub; }
|
|
.v-sup-ns { vertical-align: super; }
|
|
.v-txt-top-ns { vertical-align: text-top; }
|
|
.v-txt-btm-ns { vertical-align: text-bottom; }
|
|
.v-mid-ns { vertical-align: middle; }
|
|
.v-top-ns { vertical-align: top; }
|
|
.v-btm-ns { vertical-align: bottom; }
|
|
}
|
|
|
|
@include break(medium) {
|
|
.v-base-m { vertical-align: baseline; }
|
|
.v-sub-m { vertical-align: sub; }
|
|
.v-sup-m { vertical-align: super; }
|
|
.v-txt-top-m { vertical-align: text-top; }
|
|
.v-txt-btm-m { vertical-align: text-bottom; }
|
|
.v-mid-m { vertical-align: middle; }
|
|
.v-top-m { vertical-align: top; }
|
|
.v-btm-m { vertical-align: bottom; }
|
|
}
|
|
|
|
@include break(large) {
|
|
.v-base-l { vertical-align: baseline; }
|
|
.v-sub-l { vertical-align: sub; }
|
|
.v-sup-l { vertical-align: super; }
|
|
.v-txt-top-l { vertical-align: text-top; }
|
|
.v-txt-btm-l { vertical-align: text-bottom; }
|
|
.v-mid-l { vertical-align: middle; }
|
|
.v-top-l { vertical-align: top; }
|
|
.v-btm-l { vertical-align: bottom; }
|
|
}
|