.relative { position: relative; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .pull-left { float: left; } .pull-right { float: right; } .hide { display: none; } .show { display: block !important; } .overflow-hidden { overflow: hidden; } .text-overflow { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; } .vh-center { text-align: center; > *, &:before { display: inline-block; vertical-align: middle; } &:before { content: ""; width: 0; height: 100%; line-height: 100%; vertical-align: middle; } }