diff --git a/core/src/components/segment-button/segment-button.ionic.scss b/core/src/components/segment-button/segment-button.ionic.scss index 95131ec4a16..c8643c19cf6 100644 --- a/core/src/components/segment-button/segment-button.ionic.scss +++ b/core/src/components/segment-button/segment-button.ionic.scss @@ -44,10 +44,11 @@ gap: globals.$ion-space-100; } -// Segment Button Label +// Segment Button Label/Text // -------------------------------------------------- -::slotted(ion-label) { +::slotted(ion-label), +::slotted(ion-text) { @include globals.typography(globals.$ion-body-action-sm); color: var(--color); @@ -67,6 +68,7 @@ // -------------------------------------------------- :host(.segment-button-checked) ::slotted(ion-label), +:host(.segment-button-checked) ::slotted(ion-text), :host(.segment-button-checked) ::slotted(ion-icon) { color: var(--color-checked); } @@ -75,6 +77,7 @@ // -------------------------------------------------- :host(.segment-button-disabled) ::slotted(ion-label), +:host(.segment-button-disabled) ::slotted(ion-text), :host(.segment-button-disabled) ::slotted(ion-icon) { color: var(--color-disabled); } diff --git a/core/src/components/segment/test/theme-ionic/index.html b/core/src/components/segment/test/theme-ionic/index.html new file mode 100644 index 00000000000..4642986aa64 --- /dev/null +++ b/core/src/components/segment/test/theme-ionic/index.html @@ -0,0 +1,400 @@ + + +
+ +