resources/tools/dash/app/pal/static/sass/bootstrap/_breadcrumb.scss

   1 .breadcrumb {
   2   // scss-docs-start breadcrumb-css-vars
   3   --#{$prefix}breadcrumb-padding-x: #{$breadcrumb-padding-x};
   4   --#{$prefix}breadcrumb-padding-y: #{$breadcrumb-padding-y};
   5   --#{$prefix}breadcrumb-margin-bottom: #{$breadcrumb-margin-bottom};
   6   @include rfs($breadcrumb-font-size, --#{$prefix}breadcrumb-font-size);
   7   --#{$prefix}breadcrumb-bg: #{$breadcrumb-bg};
   8   --#{$prefix}breadcrumb-border-radius: #{$breadcrumb-border-radius};
   9   --#{$prefix}breadcrumb-divider-color: #{$breadcrumb-divider-color};
  10   --#{$prefix}breadcrumb-item-padding-x: #{$breadcrumb-item-padding-x};
  11   --#{$prefix}breadcrumb-item-active-color: #{$breadcrumb-active-color};
  12   // scss-docs-end breadcrumb-css-vars
  13
  14   display: flex;
  15   flex-wrap: wrap;
  16   padding: var(--#{$prefix}breadcrumb-padding-y) var(--#{$prefix}breadcrumb-padding-x);
  17   margin-bottom: var(--#{$prefix}breadcrumb-margin-bottom);
  18   @include font-size(var(--#{$prefix}breadcrumb-font-size));
  19   list-style: none;
  20   background-color: var(--#{$prefix}breadcrumb-bg);
  21   @include border-radius(var(--#{$prefix}breadcrumb-border-radius));
  22 }
  23
  24 .breadcrumb-item {
  25   // The separator between breadcrumbs (by default, a forward-slash: "/")
  26   + .breadcrumb-item {
  27     padding-left: var(--#{$prefix}breadcrumb-item-padding-x);
  28
  29     &::before {
  30       float: left; // Suppress inline spacings and underlining of the separator
  31       padding-right: var(--#{$prefix}breadcrumb-item-padding-x);
  32       color: var(--#{$prefix}breadcrumb-divider-color);
  33       content: var(--#{$prefix}breadcrumb-divider, escape-svg($breadcrumb-divider)) #{"/* rtl:"} var(--#{$prefix}breadcrumb-divider, escape-svg($breadcrumb-divider-flipped)) #{"*/"};
  34     }
  35   }
  36
  37   &.active {
  38     color: var(--#{$prefix}breadcrumb-item-active-color);
  39   }
  40 }