Skip to content

Instantly share code, notes, and snippets.

@aaroneaton

aaroneaton/foundation-genesis-layouts.scss

Last active August 29, 2015 14:27
Show Gist options
  • Save aaroneaton/f26e622ce9d5b46152e9 to your computer and use it in GitHub Desktop.
Save aaroneaton/f26e622ce9d5b46152e9 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. J. Aaron Eaton revised this gist Aug 11, 2015. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions foundation-genesis-layouts.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -1,3 +1,4 @@
    // Change the column widths to match your site
    @media #{$large-up} {

    .content-sidebar .content-sidebar-wrap {
  2. J. Aaron Eaton created this gist Aug 11, 2015.
    21 changes: 21 additions & 0 deletions foundation-genesis-layouts.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,21 @@
    @media #{$large-up} {

    .content-sidebar .content-sidebar-wrap {
    main {
    @include grid-column(9);
    }
    aside.sidebar-primary {
    @include grid-column(3);
    }
    }

    .sidebar-content .content-sidebar-wrap {
    main {
    @include grid-column($columns:9, $push:3);
    }
    aside.sidebar-primary {
    @include grid-column($columns:3, $pull:9);

    }
    }
    }