Sha256: 72e7dd9c277b535645d168e5801c5452c5f7fd917a086d5d97c91d23f348d04f

Contents?: true

Size: 1.74 KB

Versions: 23

Compression:

Stored size: 1.74 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;
  display: flex;
  flex-wrap: wrap;
}

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

  li {
    display: block;

    a {
      display: block;
    }

    @include thredded-media-tablet-and-down {
      font-weight: bold;
    }

    @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;
      }
    }
  }

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

Version data entries

23 entries across 23 versions & 1 rubygems

Version Path
thredded-1.1.0 app/assets/stylesheets/thredded/layout/_main-navigation.scss
thredded-1.0.1 app/assets/stylesheets/thredded/layout/_main-navigation.scss
thredded-1.0.0 app/assets/stylesheets/thredded/layout/_main-navigation.scss
thredded-0.16.16 app/assets/stylesheets/thredded/layout/_main-navigation.scss
thredded-0.16.15 app/assets/stylesheets/thredded/layout/_main-navigation.scss
thredded-0.16.14 app/assets/stylesheets/thredded/layout/_main-navigation.scss
thredded-0.16.13 app/assets/stylesheets/thredded/layout/_main-navigation.scss
thredded-0.16.12 app/assets/stylesheets/thredded/layout/_main-navigation.scss
thredded-0.16.11 app/assets/stylesheets/thredded/layout/_main-navigation.scss
thredded-0.16.10 app/assets/stylesheets/thredded/layout/_main-navigation.scss
thredded-0.16.9 app/assets/stylesheets/thredded/layout/_main-navigation.scss
thredded-0.16.8 app/assets/stylesheets/thredded/layout/_main-navigation.scss
thredded-0.16.7 app/assets/stylesheets/thredded/layout/_main-navigation.scss
thredded-0.16.6 app/assets/stylesheets/thredded/layout/_main-navigation.scss
thredded-0.16.5 app/assets/stylesheets/thredded/layout/_main-navigation.scss
thredded-0.16.4 app/assets/stylesheets/thredded/layout/_main-navigation.scss
thredded-0.16.3 app/assets/stylesheets/thredded/layout/_main-navigation.scss
thredded-0.16.1 app/assets/stylesheets/thredded/layout/_main-navigation.scss
thredded-0.16.0 app/assets/stylesheets/thredded/layout/_main-navigation.scss
thredded-0.15.5 app/assets/stylesheets/thredded/layout/_main-navigation.scss