Sha256: a498e73e0bc778ea3a640ea60f989984e9f6f7dca67dfad2f66241d8a8fb45cb

Contents?: true

Size: 1.2 KB

Versions: 563

Compression:

Stored size: 1.2 KB

Contents

@import "../tokens/border_radius";
@import "../tokens/colors";
@import "../tokens/opacity";
@import "../tokens/spacing";
@import "../tokens/typography";

[class^=pb_bread_crumbs_kit] {
  $pb_badge_height: 18px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: $border_rad_light;
  padding: 0 $space_xs/2;
  border-width: 1px;
  border-style: solid;
  border-color: $card_light;

  svg {
   margin-right: 8px;
  }
    .pb_bread_crumb_item {
      display: flex;
      flex-direction: row;
      align-items: center;

    }
    .pb_bread_crumb_item_kit {
      display: flex;
      flex-direction: row;
      align-items: center;
    }
    .pb_bread_crumb_item_kit:not(:last-child):after {
      content: '/';
      padding-left: 8px;
      padding-right: 8px;
    }

  @each $color_name, $color_value in $status_colors {
    &[class*=_#{$color_name}]  {
      background: rgba($color_value, $opacity_1);
      color: map-get($status_color_text, $color_name);
    }
  }

  &.dark {
    border-width: 0;

    @each $color_name, $color_value in $status_colors {
      &[class*=_#{$color_name}]  {
        background: rgba(mix($bg_dark, $color_value, 10%), $opacity_2);
      }
    }
  }
}

Version data entries

563 entries across 563 versions & 1 rubygems

Version Path
playbook_ui-10.21.0.pre.alpha.jg1 app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.scss
playbook_ui-10.21.0.pre.alpha.na1 app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.scss
playbook_ui-10.21.0.pre.alpha.jd1 app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.scss
playbook_ui-10.20.0 app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.scss
playbook_ui-10.19.0 app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.scss
playbook_ui-10.19.0.pre.lightbox app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.scss
playbook_ui-10.18.2 app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.scss
playbook_ui-10.19.0.pre.popover.alpha1 app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.scss
playbook_ui-10.18.1 app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.scss
playbook_ui-10.18.0 app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.scss
playbook_ui-10.17.0 app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.scss
playbook_ui-10.16.0 app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.scss
playbook_ui-10.15.1 app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.scss
playbook_ui-10.15.1.pre.alpha.rubocop.deps app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.scss
playbook_ui-10.15.0 app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.scss
playbook_ui-10.14.1.pre.alpha2 app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.scss
playbook_ui-10.14.1.pre.alpha1 app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.scss
playbook_ui-10.14.0 app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.scss
playbook_ui-10.13.1 app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.scss
playbook_ui-10.13.0 app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.scss