Skip to content

Instantly share code, notes, and snippets.

@GarySwift
Last active April 23, 2018 10:55
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save GarySwift/039b3b7d6c9d8d6d907f910bfd3f03df to your computer and use it in GitHub Desktop.
Save GarySwift/039b3b7d6c9d8d6d907f910bfd3f03df to your computer and use it in GitHub Desktop.
FoundationPress Container Padding Fix (Notes)

src/assets/scss/modules/_content.scss

.main-container {
  @include xy-grid-container( $grid-container, 0 );//Set $grid-container-padding to 0
}

.main-grid {

  // Default template
  .main-content {
    @include breakpoint(small) {
      @include xy-cell(
        $size: 12,
        $gutter-output: true,
        $gutters:0
      );
    }

    @include breakpoint(medium) {
      @include xy-cell(
        $size: 8,
        $gutter-output: true,
        $gutters:0
      );
    }
  }
  .sidebar {
    @include breakpoint(small) {
      @include xy-cell(
        $size: 12,
        $gutter-output: true,
        $gutters:0
      );
    }

    @include breakpoint(medium) {
      @include xy-cell(
        $size: 4,
        $gutter-output: true,
        $gutters:0
      );
      margin-top: 0;
    }

  }
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment