Contents

//-----------------------------------------------------------------------------
// Layout

.page {
  @include container;
  position: relative;

  :target & { 
    @include susy-grid-background(); 
    .off a { display: block; }
    .on a { display: none; }
  }
  
  @include at-breakpoint($break) {
    @include container;
    :target & { @include susy-grid-background(); }
  }
}

[role="main"] {
  @include trailer(1);
  @include at-breakpoint($break) {
    @include trailer(2);
  }
}

[role="contentinfo"] {
  clear: both;
}

//Exceptions

.guides, .tutorial {   
  [role="main"] { @extend %type; }
  .secondary { display: none; }

  @include at-breakpoint($break) {
    
    .secondary {
      @include span-columns(3);
      display: block;
    }
  
    [role="main"] {
      @include span-columns(7 omega);
    }
  }
}

Version data entries

4 entries across 4 versions & 1 rubygems

Version	Path
susy-2.0.0.alpha.4	docs/source/stylesheets/_layout.scss
susy-2.0.0.alpha.3	docs/source/stylesheets/_layout.scss
susy-2.0.0.alpha.2	docs/source/stylesheets/_layout.scss
susy-2.0.0.alpha.1	docs/source/stylesheets/_layout.scss