@carbon/styles 1.77.1 → 1.78.0-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/styles.css +37 -15
- package/css/styles.min.css +1 -1
- package/package.json +7 -7
- package/scss/components/breadcrumb/_breadcrumb.scss +50 -18
package/css/styles.css
CHANGED
|
@@ -6603,6 +6603,11 @@ a.cds--overflow-menu-options__btn::before {
|
|
|
6603
6603
|
color: var(--cds-link-primary-hover, #0043ce);
|
|
6604
6604
|
}
|
|
6605
6605
|
|
|
6606
|
+
.cds--breadcrumb-item .cds--link:active,
|
|
6607
|
+
.cds--breadcrumb-item .cds--link:visited:active:hover {
|
|
6608
|
+
color: var(--cds-text-primary, #161616);
|
|
6609
|
+
}
|
|
6610
|
+
|
|
6606
6611
|
.cds--breadcrumb-item::after {
|
|
6607
6612
|
color: var(--cds-text-primary, #161616);
|
|
6608
6613
|
content: "/";
|
|
@@ -6639,17 +6644,29 @@ a.cds--overflow-menu-options__btn::before {
|
|
|
6639
6644
|
.cds--breadcrumb-item .cds--overflow-menu {
|
|
6640
6645
|
position: relative;
|
|
6641
6646
|
block-size: 1.125rem;
|
|
6642
|
-
inline-size:
|
|
6647
|
+
inline-size: 1rem;
|
|
6643
6648
|
}
|
|
6644
6649
|
.cds--breadcrumb-item .cds--overflow-menu:focus {
|
|
6650
|
+
border: none;
|
|
6651
|
+
box-shadow: none;
|
|
6645
6652
|
outline: 1px solid var(--cds-focus, #0f62fe);
|
|
6653
|
+
outline-offset: 0;
|
|
6646
6654
|
}
|
|
6647
6655
|
.cds--breadcrumb-item .cds--overflow-menu:hover {
|
|
6648
6656
|
background: transparent;
|
|
6649
6657
|
}
|
|
6658
|
+
.cds--breadcrumb-item .cds--overflow-menu:hover::after {
|
|
6659
|
+
background: var(--cds-link-primary-hover, #0043ce);
|
|
6660
|
+
}
|
|
6661
|
+
.cds--breadcrumb-item .cds--overflow-menu:active::after {
|
|
6662
|
+
background: var(--cds-text-primary, #161616);
|
|
6663
|
+
}
|
|
6664
|
+
.cds--breadcrumb-item .cds--overflow-menu:focus::after, .cds--breadcrumb-item .cds--overflow-menu:hover::after {
|
|
6665
|
+
opacity: 1;
|
|
6666
|
+
}
|
|
6650
6667
|
.cds--breadcrumb-item .cds--overflow-menu::after {
|
|
6651
6668
|
position: absolute;
|
|
6652
|
-
background: var(--cds-
|
|
6669
|
+
background: var(--cds-focus, #0f62fe);
|
|
6653
6670
|
block-size: 1px;
|
|
6654
6671
|
content: "";
|
|
6655
6672
|
inline-size: 0.75rem;
|
|
@@ -6663,14 +6680,6 @@ a.cds--overflow-menu-options__btn::before {
|
|
|
6663
6680
|
}
|
|
6664
6681
|
}
|
|
6665
6682
|
|
|
6666
|
-
.cds--breadcrumb--sm .cds--breadcrumb-item .cds--overflow-menu {
|
|
6667
|
-
inline-size: 1rem;
|
|
6668
|
-
}
|
|
6669
|
-
|
|
6670
|
-
.cds--breadcrumb-item .cds--overflow-menu:hover::after {
|
|
6671
|
-
opacity: 1;
|
|
6672
|
-
}
|
|
6673
|
-
|
|
6674
6683
|
.cds--breadcrumb-item .cds--overflow-menu.cds--overflow-menu--open {
|
|
6675
6684
|
background: transparent;
|
|
6676
6685
|
box-shadow: none;
|
|
@@ -6686,6 +6695,10 @@ a.cds--overflow-menu-options__btn::before {
|
|
|
6686
6695
|
fill: var(--cds-link-primary-hover, #0043ce);
|
|
6687
6696
|
}
|
|
6688
6697
|
|
|
6698
|
+
.cds--breadcrumb-item .cds--overflow-menu:active .cds--overflow-menu__icon {
|
|
6699
|
+
fill: var(--cds-text-primary, #161616);
|
|
6700
|
+
}
|
|
6701
|
+
|
|
6689
6702
|
.cds--breadcrumb-menu-options:focus {
|
|
6690
6703
|
outline: none;
|
|
6691
6704
|
}
|
|
@@ -6707,6 +6720,20 @@ a.cds--overflow-menu-options__btn::before {
|
|
|
6707
6720
|
inset-inline-start: initial;
|
|
6708
6721
|
}
|
|
6709
6722
|
|
|
6723
|
+
.cds--breadcrumb .cds--overflow-menu.cds--btn--icon-only {
|
|
6724
|
+
min-block-size: 1.125rem;
|
|
6725
|
+
padding-inline: 0;
|
|
6726
|
+
}
|
|
6727
|
+
|
|
6728
|
+
.cds--breadcrumb--sm .cds--breadcrumb-item .cds--overflow-menu {
|
|
6729
|
+
block-size: 1rem;
|
|
6730
|
+
inline-size: 1rem;
|
|
6731
|
+
min-block-size: 1rem;
|
|
6732
|
+
}
|
|
6733
|
+
.cds--breadcrumb--sm .cds--breadcrumb-item .cds--overflow-menu .cds--overflow-menu__icon {
|
|
6734
|
+
transform: translateY(3px);
|
|
6735
|
+
}
|
|
6736
|
+
|
|
6710
6737
|
.cds--breadcrumb.cds--skeleton .cds--link {
|
|
6711
6738
|
position: relative;
|
|
6712
6739
|
padding: 0;
|
|
@@ -6738,11 +6765,6 @@ a.cds--overflow-menu-options__btn::before {
|
|
|
6738
6765
|
}
|
|
6739
6766
|
}
|
|
6740
6767
|
|
|
6741
|
-
.cds--breadcrumb .cds--overflow-menu.cds--btn--icon-only {
|
|
6742
|
-
min-block-size: 1.125rem;
|
|
6743
|
-
padding-inline: 0;
|
|
6744
|
-
}
|
|
6745
|
-
|
|
6746
6768
|
.cds--link {
|
|
6747
6769
|
box-sizing: border-box;
|
|
6748
6770
|
padding: 0;
|