//
// Paddings
//

@mixin padding-spaces($media-type) {

  $media-value: 0;

  @if $media-type == xs {
    $media-value: 0;
    $media-type: '';
  } @else if $media-type == sm {
    $media-value: $g-sm;
    $media-type: --sm;
  } @else if $media-type == md { /* P */
    $media-value: $g-md;
    $media-type: --md;
  } @else if $media-type == lg { /* P */
    $media-value: $g-lg;
    $media-type: --lg;
  } @else {
    $media-value: $g-xl;
    $media-type: --xl;
  }

  @media (min-width: #{$media-value}) {
    // Zeroing
    .g-pa-0#{$media-type} {
      padding: 0 !important;
    }
    .g-px-0#{$media-type} {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    .g-py-0#{$media-type} {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
    .g-pl-0#{$media-type} {
      padding-left: 0 !important;
    }
    .g-pr-0#{$media-type} {
      padding-right: 0 !important;
    }
    .g-pt-0#{$media-type} {
      padding-top: 0 !important;
    }
    .g-pb-0#{$media-type} {
      padding-bottom: 0 !important;
    }

    /* Padding Around */
    .g-pa-2#{$media-type} {
      @include px-to-rem(padding, 2px !important);
    }
    .g-pa-3#{$media-type} {
      @include px-to-rem(padding, 3px !important);
    }
    .g-pa-5#{$media-type} {
      @include px-to-rem(padding, 5px !important);
    }
    .g-pa-7#{$media-type} {
      @include px-to-rem(padding, 7px !important);
    }

    $i: 10;
    @while $i < 151 {
      .g-pa-#{$i}#{$media-type} {
        @include px-to-rem(padding, $i*1px !important);
      }
      $i: $i + 5;
    }

    /* Padding X */
    $i: 1;
    @while $i < 16 {
      .g-px-#{$i}#{$media-type} {
        @include px-to-rem(padding-left, $i*1px !important);
        @include px-to-rem(padding-right, $i*1px !important);
      }
      $i: $i + 1;
    }
    $i: 10;
    @while $i < 151 {
      .g-px-#{$i}#{$media-type} {
        @include px-to-rem(padding-left, $i*1px !important);
        @include px-to-rem(padding-right, $i*1px !important);
      }
      $i: $i + 5;
    }

    /* Padding Y */
    $i: 1;
    @while $i < 20 {
      .g-py-#{$i}#{$media-type} {
        @include px-to-rem(padding-top, $i*1px !important);
        @include px-to-rem(padding-bottom, $i*1px !important);
      }
      $i: $i + 1;
    }
    $i: 10;
    @while $i < 211 { /* P */
      .g-py-#{$i}#{$media-type} {
        @include px-to-rem(padding-top, $i*1px !important);
        @include px-to-rem(padding-bottom, $i*1px !important);
      }
      $i: $i + 5;
    }

    /* Padding Top */
    $i: 0;
    @while $i < 10 {
      .g-pt-#{$i}#{$media-type} {
        @include px-to-rem(padding-top, $i*1px !important);
      }
      $i: $i + 1;
    }

    $i: 10;
    @while $i < 151 {
      .g-pt-#{$i}#{$media-type} {
        @include px-to-rem(padding-top, $i*1px !important);
      }
      $i: $i + 5;
    }

    /* Padding Right */
    $i: 0;
    @while $i < 10 {
      .g-pr-#{$i}#{$media-type} {
        @include px-to-rem(padding-right, $i*1px !important);
      }
      $i: $i + 1;
    }

    $i: 10;
    @while $i < 171 { /* P */
      .g-pr-#{$i}#{$media-type} {
        @include px-to-rem(padding-right, $i*1px !important);
      }
      $i: $i + 5;
    }

    /* Padding Bottom */
    $i: 0;
    @while $i < 10 {
      .g-pb-#{$i}#{$media-type} {
        @include px-to-rem(padding-bottom, $i*1px !important);
      }
      $i: $i + 1;
    }

    $i: 10;
    @while $i < 151 {
      .g-pb-#{$i}#{$media-type} {
        @include px-to-rem(padding-bottom, $i*1px !important);
      }
      $i: $i + 5;
    }

    /* Padding Left */
    $i: 0;
    @while $i < 10 {
      .g-pl-#{$i}#{$media-type} {
        @include px-to-rem(padding-left, $i*1px !important);
      }
      $i: $i + 1;
    }

    $i: 10;
    @while $i < 171 { /* P */
      .g-pl-#{$i}#{$media-type} {
        @include px-to-rem(padding-left, $i*1px !important);
      }
      $i: $i + 5;
    }
  }
}