CSS Utility Classes

Utility.css

.clearfix:before, .clearfix:after 
                { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix       { zoom: 1; }
.hidden         { display: none;}
.error          { color: #D9311E;}
.flex-wide      { flex-grow: 999; }
.tall           { height: 100%; }
.bold, strong   { font-weight: 700; }
.italic         { font-style: italic; }
.lite           { font-weight: 100; }
.lite h1, .lite h2, .lite h3, .lite h4, .lite strong 
                { font-weight: 400;}
.right          { float: right; text-align: right; }
.left           { float: left;  text-align: left; }
.ab-wrap        { position: relative; }
.vert-cent      { display: flex; align-items: center;}
.center         { text-align: center;}
.capitalize     { text-transform: capitalize;}
.uppercase      { text-transform: uppercase;}
.no-flex-grow   { flex-grow: 0 !important; }
.no-wrap        { white-space: nowrap; }
.truncate, .truncate *
                { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.margin-auto    { margin: auto; }
.inline         { display: inline; }