diff options
Diffstat (limited to 'scss/_breadcrumb.scss')
| -rw-r--r-- | scss/_breadcrumb.scss | 38 |
1 files changed, 19 insertions, 19 deletions
diff --git a/scss/_breadcrumb.scss b/scss/_breadcrumb.scss index 86890dc61a..7168fdb565 100644 --- a/scss/_breadcrumb.scss +++ b/scss/_breadcrumb.scss @@ -2,42 +2,42 @@ .breadcrumb { // scss-docs-start breadcrumb-css-vars - --#{$variable-prefix}breadcrumb-padding-x: #{$breadcrumb-padding-x}; - --#{$variable-prefix}breadcrumb-padding-y: #{$breadcrumb-padding-y}; - --#{$variable-prefix}breadcrumb-margin-bottom: #{$breadcrumb-margin-bottom}; - @include rfs($breadcrumb-font-size, --#{$variable-prefix}breadcrumb-font-size); - --#{$variable-prefix}breadcrumb-bg: #{$breadcrumb-bg}; - --#{$variable-prefix}breadcrumb-border-radius: #{$breadcrumb-border-radius}; - --#{$variable-prefix}breadcrumb-divider-color: #{$breadcrumb-divider-color}; - --#{$variable-prefix}breadcrumb-item-padding-x: #{$breadcrumb-item-padding-x}; - --#{$variable-prefix}breadcrumb-item-active-color: #{$breadcrumb-active-color}; + --#{$prefix}breadcrumb-padding-x: #{$breadcrumb-padding-x}; + --#{$prefix}breadcrumb-padding-y: #{$breadcrumb-padding-y}; + --#{$prefix}breadcrumb-margin-bottom: #{$breadcrumb-margin-bottom}; + @include rfs($breadcrumb-font-size, --#{$prefix}breadcrumb-font-size); + --#{$prefix}breadcrumb-bg: #{$breadcrumb-bg}; + --#{$prefix}breadcrumb-border-radius: #{$breadcrumb-border-radius}; + --#{$prefix}breadcrumb-divider-color: #{$breadcrumb-divider-color}; + --#{$prefix}breadcrumb-item-padding-x: #{$breadcrumb-item-padding-x}; + --#{$prefix}breadcrumb-item-active-color: #{$breadcrumb-active-color}; // scss-docs-end breadcrumb-css-vars display: flex; flex-wrap: wrap; - padding: var(--#{$variable-prefix}breadcrumb-padding-y) var(--#{$variable-prefix}breadcrumb-padding-x); - margin-bottom: var(--#{$variable-prefix}breadcrumb-margin-bottom); + padding: var(--#{$prefix}breadcrumb-padding-y) var(--#{$prefix}breadcrumb-padding-x); + margin-bottom: var(--#{$prefix}breadcrumb-margin-bottom); @include font-size($breadcrumb-font-size); - font-size: var(--#{$variable-prefix}breadcrumb-font-size); + font-size: var(--#{$prefix}breadcrumb-font-size); list-style: none; - background-color: var(--#{$variable-prefix}breadcrumb-bg); - @include border-radius(var(--#{$variable-prefix}breadcrumb-border-radius)); + background-color: var(--#{$prefix}breadcrumb-bg); + @include border-radius(var(--#{$prefix}breadcrumb-border-radius)); } .breadcrumb-item { // The separator between breadcrumbs (by default, a forward-slash: "/") + .breadcrumb-item { - padding-left: var(--#{$variable-prefix}breadcrumb-item-padding-x); + padding-left: var(--#{$prefix}breadcrumb-item-padding-x); &::before { float: left; // Suppress inline spacings and underlining of the separator - padding-right: var(--#{$variable-prefix}breadcrumb-item-padding-x); - color: var(--#{$variable-prefix}breadcrumb-divider-color); - content: var(--#{$variable-prefix}breadcrumb-divider, escape-svg($breadcrumb-divider)) #{"/* rtl:"} var(--#{$variable-prefix}breadcrumb-divider, escape-svg($breadcrumb-divider-flipped)) #{"*/"}; + padding-right: $breadcrumb-item-padding-x; + color: $breadcrumb-divider-color; + content: var(--#{$prefix}breadcrumb-divider, escape-svg($breadcrumb-divider)) #{"/* rtl:"} var(--#{$prefix}breadcrumb-divider, escape-svg($breadcrumb-divider-flipped)) #{"*/"}; } } &.active { - color: var(--#{$variable-prefix}breadcrumb-item-active-color); + color: var(--#{$prefix}breadcrumb-item-active-color); } } |