diff options
Diffstat (limited to 'alphabetlearning/static/bootstrap/scss/_breadcrumb.scss')
| -rw-r--r-- | alphabetlearning/static/bootstrap/scss/_breadcrumb.scss | 28 |
1 files changed, 28 insertions, 0 deletions
diff --git a/alphabetlearning/static/bootstrap/scss/_breadcrumb.scss b/alphabetlearning/static/bootstrap/scss/_breadcrumb.scss new file mode 100644 index 0000000..f7fafe7 --- /dev/null +++ b/alphabetlearning/static/bootstrap/scss/_breadcrumb.scss @@ -0,0 +1,28 @@ +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: $breadcrumb-padding-y $breadcrumb-padding-x; + margin-bottom: $breadcrumb-margin-bottom; + @include font-size($breadcrumb-font-size); + list-style: none; + background-color: $breadcrumb-bg; + @include border-radius($breadcrumb-border-radius); +} + +.breadcrumb-item { + // The separator between breadcrumbs (by default, a forward-slash: "/") + + .breadcrumb-item { + padding-left: $breadcrumb-item-padding-x; + + &::before { + float: left; // Suppress inline spacings and underlining of the separator + padding-right: $breadcrumb-item-padding-x; + color: $breadcrumb-divider-color; + content: var(--#{$variable-prefix}breadcrumb-divider, escape-svg($breadcrumb-divider)) #{"/* rtl:"} var(--#{$variable-prefix}breadcrumb-divider, escape-svg($breadcrumb-divider-flipped)) #{"*/"}; + } + } + + &.active { + color: $breadcrumb-active-color; + } +} |