114 lines
1.7 KiB
CSS
114 lines
1.7 KiB
CSS
/* columns of same height styles */
|
|
|
|
.row-height {
|
|
display: table;
|
|
table-layout: fixed;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
.col-height {
|
|
display: table-cell;
|
|
float: none;
|
|
height: 100%;
|
|
}
|
|
.col-top {
|
|
vertical-align: top;
|
|
}
|
|
.col-middle {
|
|
vertical-align: middle;
|
|
}
|
|
.col-bottom {
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
@media (min-width: 480px) {
|
|
.row-xs-height {
|
|
display: table;
|
|
table-layout: fixed;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
.col-xs-height {
|
|
display: table-cell;
|
|
float: none;
|
|
height: 100%;
|
|
}
|
|
.col-xs-top {
|
|
vertical-align: top;
|
|
}
|
|
.col-xs-middle {
|
|
vertical-align: middle;
|
|
}
|
|
.col-xs-bottom {
|
|
vertical-align: bottom;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.row-sm-height {
|
|
display: table;
|
|
table-layout: fixed;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
.col-sm-height {
|
|
display: table-cell;
|
|
float: none;
|
|
height: 100%;
|
|
}
|
|
.col-sm-top {
|
|
vertical-align: top;
|
|
}
|
|
.col-sm-middle {
|
|
vertical-align: middle;
|
|
}
|
|
.col-sm-bottom {
|
|
vertical-align: bottom;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.row-md-height {
|
|
display: table;
|
|
table-layout: fixed;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
.col-md-height {
|
|
display: table-cell;
|
|
float: none;
|
|
height: 100%;
|
|
}
|
|
.col-md-top {
|
|
vertical-align: top;
|
|
}
|
|
.col-md-middle {
|
|
vertical-align: middle;
|
|
}
|
|
.col-md-bottom {
|
|
vertical-align: bottom;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.row-lg-height {
|
|
display: table;
|
|
table-layout: fixed;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
.col-lg-height {
|
|
display: table-cell;
|
|
float: none;
|
|
height: 100%;
|
|
}
|
|
.col-lg-top {
|
|
vertical-align: top;
|
|
}
|
|
.col-lg-middle {
|
|
vertical-align: middle;
|
|
}
|
|
.col-lg-bottom {
|
|
vertical-align: bottom;
|
|
}
|
|
} |