Grid System
The grid system is built to scale and adjusts automatically to the screen width of the viewing device. You are encouraged to use the grid system to create customized page layouts within the University’s standard header and footer.
Layout
The layout CSS classes below contain the necessary padding for mobile view.
/* No constrains containers
Meaning that they can be used as full-width backgrounds
Using these classes will guarantee that you have enough
padding in mobile versions
*/
.tcu-layoutwrap--dark {}
.tcu-layoutwrap--dark--border {}
.tcu-layoutwrap--purple {}
.tcu-layoutwrap--hornedfrog-grey {}
.tcu-layoutwrap--transparent {}
.tcu-layoutwrap--grey {}
Layout Helper Classes
Use the classes below to help with layout issues like clearing your floats.
/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix, .cf {}
/* Contains contrains of 1100px */
.tcu-layout-constrain {}
/* full width */
.tcu-full-width { width: 100% !important; }
/* Centers a block element */
.tcu-layout-center {}