Your IP : 216.73.216.84

Current Path : /home/helpink/www/media/astroid/assets/vendor/astroid/scss/utilities/
Upload File :
Current File : /home/helpink/www/media/astroid/assets/vendor/astroid/scss/utilities/_gutters.scss

// Responsive max-width
@each $gutter-point, $gutter-value in $as-gutters {
  .as-gutter-#{$gutter-point} {
    margin-top: -#{$gutter-value};
    margin-left: -#{$gutter-value};
    > * {
      margin-top: #{$gutter-value};
      margin-left: #{$gutter-value};
    }
  }
  .as-gutter-y-#{$gutter-point} {
    margin-top: -#{$gutter-value};
    > * {
      margin-top: #{$gutter-value};
    }
  }
  .as-gutter-x-#{$gutter-point} {
    margin-left: -#{$gutter-value};
    > * {
      margin-left: #{$gutter-value};
    }
  }
  @each $breakpoint, $container-max-width in $container-max-widths {
    @include media-breakpoint-up($breakpoint, $grid-breakpoints) {
      .as-gutter-#{$gutter-point}\@#{$breakpoint} {
        margin-top: -#{$gutter-value};
        margin-left: -#{$gutter-value};
        > * {
          margin-top: #{$gutter-value};
          margin-left: #{$gutter-value};
        }
      }
      .as-gutter-y-#{$gutter-point}\@#{$breakpoint} {
        margin-top: -#{$gutter-value};
        > * {
          margin-top: #{$gutter-value};
        }
      }
      .as-gutter-x-#{$gutter-point}\@#{$breakpoint} {
        margin-left: -#{$gutter-value};
        > * {
          margin-left: #{$gutter-value};
        }
      }
    }
  }
}