Sha256: c0d600a27e4223ddd3bd61f7b10737a19951f662ebb16790f52fc4f2e0e1d86d

Contents?: true

Size: 1.86 KB

Versions: 6

Compression:

Stored size: 1.86 KB

Contents

@mixin thredded-breadcrumbs-chevron() {
  background: asset-data-url("thredded/breadcrumb-chevron.svg") no-repeat center center;
  content: "";
  display: inline-block;
  height: 10px;
  margin: 0 ($thredded-small-spacing - 0.3rem) 0 $thredded-small-spacing;
  width: 6px;
}

.thredded--main-navigation {
  @extend %thredded--list-unstyled;
  @include thredded--clearfix;
  display: block;
}

.thredded--navigation-breadcrumbs {
  @extend %thredded--list-unstyled;

  li {
    display: block;
    font-weight: bold;

    a {
      display: block;
    }

    @include thredded-media-mobile {
      a {
        position: relative;
      }

      &:first-child:last-child {
        a, &.thredded--navigation-breadcrumbs--item-no-link {
          padding: $thredded-small-spacing 0;
        }
      }

      &:first-child:not(:last-child) {
        a, &.thredded--navigation-breadcrumbs--item-no-link {
          padding-top: ($thredded-small-spacing/2);
        }
      }

      &:last-child:not(:first-child) {
        a, &.thredded--navigation-breadcrumbs--item-no-link {
          padding-bottom: ($thredded-small-spacing/2);
          &::before {
            @include thredded-breadcrumbs-chevron();
            position: absolute;
            top: 0.4em;
            left: -1.625em;
          }
        }
      }
    }

    @include thredded-media-tablet-and-up {
      display: inline-block;
      a, &.thredded--navigation-breadcrumbs--item-no-link {
        display: inline-block;
        padding: $thredded-small-spacing 0;
      }
      // Chevron
      &::after {
        @include thredded-breadcrumbs-chevron();
      }
      &:last-child::after {
        display: none;
      }
    }

    @include thredded-media-desktop-and-up {
      a, &.thredded--navigation-breadcrumbs--item-no-link {
        padding: $thredded-base-spacing 0;
      }
    }
  }

  a {
    @extend %thredded--nav-link;
  }
}

Version data entries

6 entries across 6 versions & 1 rubygems

Version Path
thredded-0.10.1 app/assets/stylesheets/thredded/layout/_main-navigation.scss
thredded-0.10.0 app/assets/stylesheets/thredded/layout/_main-navigation.scss
thredded-0.9.4 app/assets/stylesheets/thredded/layout/_main-navigation.scss
thredded-0.9.3 app/assets/stylesheets/thredded/layout/_main-navigation.scss
thredded-0.9.2 app/assets/stylesheets/thredded/layout/_main-navigation.scss
thredded-0.9.1 app/assets/stylesheets/thredded/layout/_main-navigation.scss