oliwa
12/13/2016 - 11:57 AM

CSS Helper Classes

CSS Helper Classes

/* Helper Classes
-------------------------------------------------------------------------------------------------- */
.group:after {
  content: "";
  display: table;
  clear: both;
}

.text-center {text-align: center;	}
.text-left {text-align: left;	}
.text-right {text-align: right;	}
.caps {text-transform: uppercase;}

/* Margin - Top and Bottom  */
.mt-none { margin-top: 0}
.mt-s { margin-top: 1em}
.mt-m { margin-top: 2em}
.mt-l { margin-top: 3em}

.mb-none { margin-bottom: 0}
.mb-s { margin-bottom: 1em}
.mb-m { margin-bottom: 2em}
.mb-l { margin-bottom: 3em}

/* Padding - Top and Bottom */
.pt-none { padding-top: 0}
.pt-s { padding-top: 1em}
.pt-m { padding-top: 2em}
.pt-l { padding-top: 3em}

.pb-none { padding-bottom: 0}
.pb-s { padding-bottom: 1em}
.pb-m { padding-bottom: 2em}
.pb-l { padding-bottom: 3em}