Sha256: 03ba06d5fb11b67c5fbabb62017e72f94edd81b3fa3b865f89818a621622d991

Contents?: true

Size: 1.18 KB

Versions: 4

Compression:

Stored size: 1.18 KB

Contents

//-----------------------------------------------------------------------------
// Site Nav

[role="navigation"] {
  @include trailer(1);
  background: $base2;
  background: rgba($base2,.5);
  font-style: italic;

  ul { @include inline-block-list; }

  a {
    #{$link} {
      @extend %icon;
      display: block;
      padding: rhythm(.25) rhythm(.5);
      color: $susy-bodycopy;
      &[href*='github'] { @extend %icon-github; }
      &[href*='twitter'] { @extend %icon-twitter; }
      &[href*='stackoverflow'] { @extend %icon-comment; }
      &[href*='getting-started'] {
        @extend %icon-switch;
        .guides_getting-started &, .tutorial & { color: $susy-bodycopy-dark-10; }
      }
      &[href*='reference'] {
        @extend %icon-list;
        .guides_reference & { color: $susy-bodycopy-dark-10; }
      }
      &[href*='sites-using-susy'] {
        @extend %icon-pictures;
        .sites-using-susy & { color: $susy-bodycopy-dark-10; }
      }
      &[href*='demos'] {
        @extend %icon-cog;
        .demos & { color: $susy-bodycopy-dark-10; }
      }
    }
    #{$focus} {color: $susy-highlight-dark-20; }
  }

  @include at-breakpoint($break) {
    @include trailer(2);
  }
}

Version data entries

4 entries across 4 versions & 1 rubygems

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