Sha256: 301f8901047acb455ba6cb4a83d83b41261eff7a19f73e7e46f3e92c65ba86cb

Contents?: true

Size: 1.04 KB

Versions: 28

Compression:

Stored size: 1.04 KB

Contents

.side-nav{
  background: $white;
  @include grid-column(2,0);
  @include show-for(large);

  &__spacer{
    @include breakpoint(medium down){
      display: none;
    }

    @include large-2;
    height: 100%;
    position: absolute;
    z-index: -1; //to prevent overlap with notifications

    &--white{
      @extend .side-nav__spacer;
      background-color: $white;
    }
  }

  &__header{
    @extend .heading;
    background: $cerulean;
  }

  &__content{
    padding: $base-padding;
  }

  &__list{
    list-style-type: none;
  }

  &__item{
    margin-bottom: $base-margin;
  }

  &__link{
    display: block;
    font-weight: 600;
    color: $jet;
    margin-bottom: $base-margin/2;
  }

  &__child-list{
    list-style-type: none;
  }

  &__child-item{
    margin-bottom: $base-margin/2;
  }

  &__child-link{
    color: $stormcloud;
    font-size: rem-calc(12);

    &:active,
    &:hover,
    &:focus{
      $anchor-color: $cerulean;
      color: $anchor-color-hover;
    }

    &--active-page{
      font-weight: bold;
      color: $cerulean;
    }
  }
}

Version data entries

28 entries across 28 versions & 1 rubygems

Version Path
ama_layout-4.8.7 app/assets/stylesheets/ama_layout/layout_components/side_nav.scss
ama_layout-4.8.6 app/assets/stylesheets/ama_layout/layout_components/side_nav.scss
ama_layout-4.8.5 app/assets/stylesheets/ama_layout/layout_components/side_nav.scss
ama_layout-4.8.4 app/assets/stylesheets/ama_layout/layout_components/side_nav.scss
ama_layout-4.8.3 app/assets/stylesheets/ama_layout/layout_components/side_nav.scss
ama_layout-4.8.2 app/assets/stylesheets/ama_layout/layout_components/side_nav.scss
ama_layout-4.8.1 app/assets/stylesheets/ama_layout/layout_components/side_nav.scss
ama_layout-4.8.0 app/assets/stylesheets/ama_layout/layout_components/side_nav.scss
ama_layout-4.7.1 app/assets/stylesheets/ama_layout/layout_components/side_nav.scss
ama_layout-4.7.0 app/assets/stylesheets/ama_layout/layout_components/side_nav.scss
ama_layout-4.6.5 app/assets/stylesheets/ama_layout/layout_components/side_nav.scss
ama_layout-4.6.4 app/assets/stylesheets/ama_layout/layout_components/side_nav.scss
ama_layout-4.6.3 app/assets/stylesheets/ama_layout/layout_components/side_nav.scss
ama_layout-4.6.2 app/assets/stylesheets/ama_layout/layout_components/side_nav.scss
ama_layout-4.6.1 app/assets/stylesheets/ama_layout/layout_components/side_nav.scss
ama_layout-4.5.1 app/assets/stylesheets/ama_layout/layout_components/side_nav.scss
ama_layout-4.5.0 app/assets/stylesheets/ama_layout/layout_components/side_nav.scss
ama_layout-4.4.2 app/assets/stylesheets/ama_layout/layout_components/side_nav.scss
ama_layout-4.4.1 app/assets/stylesheets/ama_layout/layout_components/side_nav.scss
ama_layout-4.4.0 app/assets/stylesheets/ama_layout/layout_components/side_nav.scss