/*
/// ---
/// title: Padding
/// section: Formatting
/// ---
///
/// Based on the Tachyons Framework
/// http://tachyons.io
///
/// __Padding__
///
/// - p-0  - no paddings
/// - p-t0 - top    = 0
/// - p-r0 - right  = 0
/// - p-b0 - bottom = 0
/// - p-l0 - left   = 0
/// - p-x0 - left + right = 0
/// - p-y0 - top + bottom = 0
///
///  CONVENIENCE CLASSES
/// - nopad  - padding auto
/// - nopadx  - padding auto
/// - nopady  -   left + right = 0
///
///
/// __Vertical Spacer__
///
/// - spacer - padding 1.5em 0
///
*/


.no-pad { padding: 0 !important; }
.no-padx { padding-left: 0 !important; padding-right: 0 !important; }
.no-pady { padding-top: 0 !important; padding-bottom: 0 !important; }
.spacer { padding: 1.5em 0; }

.p {
  &-0 { padding: 0 !important; }
  &-1 { padding: 0.33em !important; }
  &-2 { padding: 0.66em !important; }
  &-3 { padding: 1em !important; }
  &-4 { padding: 1.33em !important; }
  &-5 { padding: 1.66em !important; }
  &-6 { padding: 2em !important; }
  &-7 { padding: 2.33em !important; }
  &-8 { padding: 2.66em !important; }
  &-9 { padding: 3em !important; }
  &-10 { padding: 4em !important; }
  &-20 { padding: 5em !important; }
  &-30 { padding: 6em !important; }
  &-40 { padding: 7em !important; }
  &-50 { padding: 8em !important; }
  &-60 { padding: 9em !important; }
  &-70 { padding: 10em !important; }
  &-80 { padding: 11em !important; }
  &-90 { padding: 12em !important; }

  &l-0 { padding-left: 0 !important; }
  &l-1 { padding-left: 0.33em !important; }
  &l-2 { padding-left: 0.66em !important; }
  &l-3 { padding-left: 1em !important; }
  &l-4 { padding-left: 1.33em !important; }
  &l-5 { padding-left: 1.66em !important; }
  &l-6 { padding-left: 2em !important; }
  &l-7 { padding-left: 2.33em !important; }
  &l-8 { padding-left: 2.66em !important; }
  &l-9 { padding-left: 3em !important; }
  &l-10 { padding-left: 4em !important; }
  &l-20 { padding-left: 5em !important; }
  &l-30 { padding-left: 6em !important; }
  &l-40 { padding-left: 7em !important; }
  &l-50 { padding-left: 8em !important; }
  &l-60 { padding-left: 9em !important; }
  &l-70 { padding-left: 10em !important; }
  &l-80 { padding-left: 11em !important; }
  &l-90 { padding-left: 12em !important; }

  &r-0 { padding-right: 0 !important; }
  &r-1 { padding-right: 0.33em !important; }
  &r-2 { padding-right: 0.66em !important; }
  &r-3 { padding-right: 1em !important; }
  &r-4 { padding-right: 1.33em !important; }
  &r-5 { padding-right: 1.66em !important; }
  &r-6 { padding-right: 2em !important; }
  &r-7 { padding-right: 2.33em !important; }
  &r-8 { padding-right: 2.66em !important; }
  &r-9 { padding-right: 3em !important; }
  &r-10 { padding-right: 4em !important; }
  &r-20 { padding-right: 5em !important; }
  &r-30 { padding-right: 6em !important; }
  &r-40 { padding-right: 7em !important; }
  &r-50 { padding-right: 8em !important; }
  &r-60 { padding-right: 9em !important; }
  &r-70 { padding-right: 10em !important; }
  &r-80 { padding-right: 11em !important; }
  &r-90 { padding-right: 12em !important; }

  &t-0 { padding-top: 0 !important; }
  &t-1 { padding-top: 0.33em !important; }
  &t-2 { padding-top: 0.66em !important; }
  &t-3 { padding-top: 1em !important; }
  &t-4 { padding-top: 1.33em !important; }
  &t-5 { padding-top: 1.66em !important; }
  &t-6 { padding-top: 2em !important; }
  &t-7 { padding-top: 2.33em !important; }
  &t-8 { padding-top: 2.66em !important; }
  &t-9 { padding-top: 3em !important; }
  &t-10 { padding-top: 4em !important; }
  &t-20 { padding-top: 5em !important; }
  &t-30 { padding-top: 6em !important; }
  &t-40 { padding-top: 7em !important; }
  &t-50 { padding-top: 8em !important; }
  &t-60 { padding-top: 9em !important; }
  &t-70 { padding-top: 10em !important; }
  &t-80 { padding-top: 11em !important; }
  &t-90 { padding-top: 12em !important; }

  &b-0 { padding-bottom: 0 !important; }
  &b-1 { padding-bottom: 0.33em !important; }
  &b-2 { padding-bottom: 0.66em !important; }
  &b-3 { padding-bottom: 1em !important; }
  &b-4 { padding-bottom: 1.33em !important; }
  &b-5 { padding-bottom: 1.66em !important; }
  &b-6 { padding-bottom: 2em !important; }
  &b-7 { padding-bottom: 2.33em !important; }
  &b-8 { padding-bottom: 2.66em !important; }
  &b-9 { padding-bottom: 3em !important; }
  &b-10 { padding-bottom: 4em !important; }
  &b-20 { padding-bottom: 5em !important; }
  &b-30 { padding-bottom: 6em !important; }
  &b-40 { padding-bottom: 7em !important; }
  &b-50 { padding-bottom: 8em !important; }
  &b-60 { padding-bottom: 9em !important; }
  &b-70 { padding-bottom: 10em !important; }
  &b-80 { padding-bottom: 11em !important; }
  &b-90 { padding-bottom: 12em !important; }

  &x-0 { padding-left: 0 !important; padding-right: 0 !important; }
  &x-1 { padding-left: 0.33em !important; padding-right: 0.33em !important; }
  &x-2 { padding-left: 0.66em !important; padding-right: 0.66em !important; }
  &x-3 { padding-left: 1em !important; padding-right: 1em !important; }
  &x-4 { padding-left: 1.33em !important; padding-right: 1.33em !important; }
  &x-5 { padding-left: 1.66em !important; padding-right: 1.66em !important; }
  &x-6 { padding-left: 2em !important; padding-right: 2em !important; }
  &x-7 { padding-left: 2.33em !important; padding-right: 2.33em !important; }
  &x-8 { padding-left: 2.66em !important; padding-right: 2.66em !important; }
  &x-9 { padding-left: 3em !important; padding-right: 3em !important; }
  &x-10 { padding-left: 4em !important; padding-right: 4em !important; }
  &x-20 { padding-left: 5em !important; padding-right: 5em !important; }
  &x-30 { padding-left: 6em !important; padding-right: 6em !important; }
  &x-40 { padding-left: 7em !important; padding-right: 7em !important; }
  &x-50 { padding-left: 8em !important; padding-right: 8em !important; }
  &x-60 { padding-left: 9em !important; padding-right: 9em !important; }
  &x-70 { padding-left: 10em !important; padding-right: 10em !important; }
  &x-80 { padding-left: 11em !important; padding-right: 11em !important; }
  &x-90 { padding-left: 12em !important; padding-right: 12em !important; }

  &y-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
  &y-1 { padding-top: 0.33em !important; padding-bottom: 0.33em !important; }
  &y-2 { padding-top: 0.66em !important; padding-bottom: 0.66em !important; }
  &y-3 { padding-top: 1em !important; padding-bottom: 1em !important; }
  &y-4 { padding-top: 1.33em !important; padding-bottom: 1.33em !important; }
  &y-5 { padding-top: 1.66em !important; padding-bottom: 1.66em !important; }
  &y-6 { padding-top: 2em !important; padding-bottom: 2em !important; }
  &y-7 { padding-top: 2.33em !important; padding-bottom: 2.33em !important; }
  &y-8 { padding-top: 2.66em !important; padding-bottom: 2.66em !important; }
  &y-9 { padding-top: 3em !important; padding-bottom: 3em !important; }
  &y-10 { padding-top: 4em !important; padding-bottom: 4em !important; }
  &y-20 { padding-top: 5em !important; padding-bottom: 5em !important; }
  &y-30 { padding-top: 6em !important; padding-bottom: 6em !important; }
  &y-40 { padding-top: 7em !important; padding-bottom: 7em !important; }
  &y-50 { padding-top: 8em !important; padding-bottom: 8em !important; }
  &y-60 { padding-top: 9em !important; padding-bottom: 9em !important; }
  &y-70 { padding-top: 10em !important; padding-bottom: 10em !important; }
  &y-80 { padding-top: 11em !important; padding-bottom: 11em !important; }
  &y-90 { padding-top: 12em !important; padding-bottom: 12em !important; }
}