diff --git a/core/src/components/segment-content/segment-content.ios.scss b/core/src/components/segment-content/segment-content.ios.scss new file mode 100644 index 0000000000..026e16b1f9 --- /dev/null +++ b/core/src/components/segment-content/segment-content.ios.scss @@ -0,0 +1,9 @@ +@import "./segment-content"; +@import "../segment-button/segment-button.ios.vars"; + +// iOS Segment Content +// -------------------------------------------------- + +:host(.segment-content-disabled) { + opacity: $segment-button-ios-opacity-disabled; +} diff --git a/core/src/components/segment-content/segment-content.md.scss b/core/src/components/segment-content/segment-content.md.scss new file mode 100644 index 0000000000..1432941bc1 --- /dev/null +++ b/core/src/components/segment-content/segment-content.md.scss @@ -0,0 +1,9 @@ +@import "./segment-content"; +@import "../segment-button/segment-button.md.vars"; + +// Material Design Segment Content +// -------------------------------------------------- + +:host(.segment-content-disabled) { + opacity: $segment-button-md-opacity-disabled; +} diff --git a/core/src/components/segment-content/segment-content.scss b/core/src/components/segment-content/segment-content.scss index 6a1818a8b7..00ca64f304 100644 --- a/core/src/components/segment-content/segment-content.scss +++ b/core/src/components/segment-content/segment-content.scss @@ -8,7 +8,3 @@ width: 100%; } - -:host(.segment-content-disabled) { - display: none; -} diff --git a/core/src/components/segment-content/segment-content.tsx b/core/src/components/segment-content/segment-content.tsx index 4566e8ff80..a4db11101e 100644 --- a/core/src/components/segment-content/segment-content.tsx +++ b/core/src/components/segment-content/segment-content.tsx @@ -3,7 +3,10 @@ import { Component, Host, Prop, h } from '@stencil/core'; @Component({ tag: 'ion-segment-content', - styleUrl: 'segment-content.scss', + styleUrls: { + ios: 'segment-content.ios.scss', + md: 'segment-content.md.scss', + }, shadow: true, }) export class SegmentContent implements ComponentInterface {