Sha256: 0ce4381067a990e0e3ee2ff4e64575bcd49c0da478df6aeabbc9ab2cc0475d57

Contents?: true

Size: 826 Bytes

Versions: 5

Compression:

Stored size: 826 Bytes

Contents

@import "../_colours";
@import "../_typography";
@import "../_shims";
@import "../_url-helpers";

// Breadcrumbs usage:
//
// .breadcrumbs {
//    @include breadcrumbs;
// }

@mixin breadcrumbs {

  padding-top: 0.75em;
  padding-bottom: 0.75em;

  ol {
    @extend %contain-floats;
  }

  li {
    @include core-16;
    float: left;

    background-image: file-url("separator.png");
    @include device-pixel-ratio() {
      background-image: file-url("separator-2x.png");
      background-size: 6px 11px;
    }

    background-position: 0% 50%;
    background-repeat: no-repeat;

    list-style: none;

    margin-left: 0.6em;
    margin-bottom: 0.4em;
    padding-left: 0.9em;

    &:first-child {
      background-image: none;
      margin-left: 0;
      padding-left: 0;
    }

  }

  a {
    color: $text-colour;
  }

}

Version data entries

5 entries across 5 versions & 1 rubygems

Version Path
govuk_frontend_toolkit-4.8.1 app/assets/stylesheets/design-patterns/_breadcrumbs.scss
govuk_frontend_toolkit-4.8.0 app/assets/stylesheets/design-patterns/_breadcrumbs.scss
govuk_frontend_toolkit-4.7.0 app/assets/stylesheets/design-patterns/_breadcrumbs.scss
govuk_frontend_toolkit-4.6.1 app/assets/stylesheets/design-patterns/_breadcrumbs.scss
govuk_frontend_toolkit-4.6.0 app/assets/stylesheets/design-patterns/_breadcrumbs.scss