Sha256: 97847d79224e30f9e47604e4f56fb2baf3237dbfc56c58d1002781773baf5c31

Contents?: true

Size: 1.76 KB

Versions: 15

Compression:

Stored size: 1.76 KB

Contents

// Padding spacer utilities
// stylelint-disable block-opening-brace-space-before, declaration-colon-space-before, comment-empty-line-before

// Responsive padding spacer utilities
@each $breakpoint, $variant in $responsive-variants {
  @include breakpoint($breakpoint) {
    // Loop through the spacer values
    @each $scale, $size in $spacer-map {
      /* Set a $size padding to all sides at $breakpoint */
      .p#{$variant}-#{$scale} {
        padding: $size !important;
      }
      /* Set a $size padding to the top at $breakpoint */
      .pt#{$variant}-#{$scale} {
        padding-top: $size !important;
      }
      /* Set a $size padding to the right at $breakpoint */
      .pr#{$variant}-#{$scale} {
        padding-right: $size !important;
      }
      /* Set a $size padding to the bottom at $breakpoint */
      .pb#{$variant}-#{$scale} {
        padding-bottom: $size !important;
      }
      /* Set a $size padding to the left at $breakpoint */
      .pl#{$variant}-#{$scale} {
        padding-left: $size !important;
      }

      /* Set a $size padding to the left & right at $breakpoint */
      .px#{$variant}-#{$scale} {
        padding-right: $size !important;
        padding-left: $size !important;
      }

      /* Set a $size padding to the top & bottom at $breakpoint */
      .py#{$variant}-#{$scale} {
        padding-top: $size !important;
        padding-bottom: $size !important;
      }
    }
  }
}

// responsive padding for containers
.p-responsive {
  padding-right: $spacer-3 !important;
  padding-left: $spacer-3 !important;

  @include breakpoint(sm) {
    padding-right: $spacer-6 !important;
    padding-left: $spacer-6 !important;
  }

  @include breakpoint(lg) {
    padding-right: $spacer-3 !important;
    padding-left: $spacer-3 !important;
  }
}

Version data entries

15 entries across 15 versions & 2 rubygems

Version Path
truesight-rtd-theme-1.0.1 _sass/lib/@primer/css/utilities/padding.scss
truesight-rtd-theme-1.0.0 _sass/lib/@primer/css/utilities/padding.scss
jekyll-rtd-theme-2.0.10 _sass/lib/@primer/css/utilities/padding.scss
jekyll-rtd-theme-2.0.9 _sass/lib/@primer/css/utilities/padding.scss
jekyll-rtd-theme-2.0.8 _sass/lib/@primer/css/utilities/padding.scss
jekyll-rtd-theme-2.0.7 _sass/lib/@primer/css/utilities/padding.scss
jekyll-rtd-theme-2.0.6 _sass/@primer/css/utilities/padding.scss
jekyll-rtd-theme-2.0.5 _sass/@primer/css/utilities/padding.scss
jekyll-rtd-theme-2.0.4 _sass/@primer/utilities/padding.scss
jekyll-rtd-theme-2.0.3 _sass/@primer/utilities/padding.scss
jekyll-rtd-theme-2.0.2 _sass/@primer/utilities/padding.scss
jekyll-rtd-theme-2.0.1 _sass/@primer/utilities/padding.scss
jekyll-rtd-theme-2.0.0 _sass/@primer/utilities/padding.scss
jekyll-rtd-theme-2.0.0.pre.beta1 _sass/@primer/utilities/padding.scss
jekyll-rtd-theme-2.0.0.pre.beta _sass/@primer/utilities/padding.scss