Utilities - Vertical Positioning | Crossroads Digital Design Kit

To use these utility classes, add to an element whose parent has position: relative.

All vertical positioning utility classes have position: absolute and width: 100%.

Group of Classes CSS
.vertical-center left: 50%;
top: 50%;
.vertical-bottom left: 50%;
top: 0;
.vertical-10 left: 50%;
top: 10%;
.vertical-20 left: 50%;
top: 20%;
.vertical-70 left: 50%;
top: 70%;
.vertical-80 left: 50%;
top: 80%;