Basscss Table Object
This module has been deprecated in favor of basscss-utility-layout and basscss-align
CSS layout module to vertically center elements for Basscss.
Use the table object to vertically center content.
These styles can be combined with grid width and white-space utilities
for a wide range of layout options.
Apply padding to .table-cell
elements to contol spacing.
.table-cell For vertically centered content .table-cell
Flag Object
The flag object can be emulated by adding .full-width
to one of the cells.
To add padding to the body, nest another div within the full-width cell.
Image Flag Body The full-width utility makes the table object behave like the flag object.
Equal width cells
Use the .table-fixed
extension to create equal-width cells.
.table-cell For vertically centered content .table-cell .table-cell
Responsive Table Object
Use breakpoint prefixes to keep table objects stacked at smaller screen sizes. This is useful for things like navigation.
.sm-table-cell Only kicks in above the small breakpoint .sm-table-cell .lg-table-cell Only kicks in above the large breakpoint .lg-table-cell
Table Grid
The table object can be combined with grid width utilities to create vertically centered columns.
.table-cell.col-7 For vertically centered content .table-cell.col-5
MIT License