Sha256: f43d2e5ea0e2b43756fe1fa51cd88821ef6bde605fa50a66b7db8a2031b95fef

Contents?: true

Size: 1.07 KB

Versions: 6

Compression:

Stored size: 1.07 KB

Contents

@use "sass:math";

@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;
  padding: 0 math.div($space_xs, 2);

  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 {
    @each $color_name, $color_value in $status_colors {
      &[class*=_#{$color_name}]  {
        background: rgba(mix($bg_dark, $color_value, 10%), $opacity_2);
      }
    }
  }
}

Version data entries

6 entries across 6 versions & 1 rubygems

Version Path
playbook_ui-14.11.0 app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.scss
playbook_ui-14.11.0.pre.rc.16 app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.scss
playbook_ui-14.10.0.pre.alpha.play16825301 app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.scss
playbook_ui-14.11.0.pre.rc.15 app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.scss
playbook_ui-14.11.0.pre.rc.14 app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.scss
playbook_ui-14.11.0.pre.rc.13 app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.scss