Skip to content

Commit a54f0d9

Browse files
committed
BsBreadcrumb: fixed css variables
1 parent c441941 commit a54f0d9

File tree

2 files changed

+4
-5
lines changed

2 files changed

+4
-5
lines changed

src/components/Breadcrumb/breadcrumb.scss

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,13 @@
1-
@use "../../../scss/color_vars" as colors;
21
@use "../../../scss/variables" as vars;
32

43
.#{vars.$prefix}breadcrumb {
54
--#{vars.$prefix}breadcrumb-container-padding-x: #{vars.$padding-lg};
65
--#{vars.$prefix}breadcrumb-container-padding-y: 0.75rem;
7-
--#{vars.$prefix}breadcrumb-divider-color: #{colors.$gray-600};
6+
--#{vars.$prefix}breadcrumb-separator-color: var(--#{vars.$prefix-bs}gray-600);
87
--#{vars.$prefix}breadcrumb-icon-color: inherit;
98
--#{vars.$prefix}breadcrumb-font-size: inherit;
109
--#{vars.$prefix}breadcrumb-label-color: inherit;
11-
--#{vars.$prefix}breadcrumb-label-active-color: #{colors.$gray-700};
10+
--#{vars.$prefix}breadcrumb-label-active-color: var(--#{vars.$prefix-bs}gray-700);
1211
--#{vars.$prefix}breadcrumb-label-hover-color: var(--#{vars.$prefix-bs}link-color);
1312
--#{vars.$prefix}breadcrumb-line-height: 1.25;
1413

@@ -23,7 +22,7 @@
2322
}
2423

2524
> .breadcrumb {
26-
--#{vars.$prefix-bs}breadcrumb-divider-color: var(--#{vars.$prefix}breadcrumb-divider-color);
25+
--#{vars.$prefix-bs}breadcrumb-divider-color: var(--#{vars.$prefix}breadcrumb-separator-color);
2726
--#{vars.$prefix-bs}breadcrumb-item-active-color: var(--#{vars.$prefix}breadcrumb-label-active-color);
2827
--#{vars.$prefix-bs}breadcrumb-font-size: var(--#{vars.$prefix}breadcrumb-font-size);
2928
--#{vars.$prefix-bs}breadcrumb-margin-bottom: 0;

src/components/Breadcrumb/types/index.d.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@ export declare type TBreadcrumb = {
3535
* The breadcrumb item's handler that will handle the `onClick` event.
3636
*
3737
* `handler`, `location`, `pathName`, `path` and `href` properties can't be mixed together.
38-
* If all or some of the fields is defined, then `handler` will take priority.
38+
* If all or some of the properties is defined, then `handler` will take priority.
3939
*
4040
* The priorities are sorted as follows:
4141
* 1. `handler` (highest priority),

0 commit comments

Comments
 (0)