diff --git a/ionic/components/radio/modes/ios.scss b/ionic/components/radio/modes/ios.scss index 66f2dccd99..8663ad92fc 100644 --- a/ionic/components/radio/modes/ios.scss +++ b/ionic/components/radio/modes/ios.scss @@ -1,5 +1,4 @@ @import "../../../globals.ios"; -@import "../radio"; // iOS Radio // -------------------------------------------------- @@ -12,9 +11,12 @@ $radio-ios-icon-border-width: 2px !default; $radio-ios-icon-border-style: solid !default; $radio-ios-disabled-text-color: $subdued-text-ios-color !default; +$radio-ios-disabled-opacity: 0.5 !default; ion-radio { + cursor: pointer; + @include user-select-none(); &[aria-checked=true] { color: $radio-ios-color-on; @@ -43,6 +45,8 @@ ion-radio { ion-radio[aria-disabled=true] { color: $radio-ios-disabled-text-color; + opacity: $radio-ios-disabled-opacity; + pointer-events: none; } .radio-media { diff --git a/ionic/components/radio/modes/md.scss b/ionic/components/radio/modes/md.scss index cdf484c72d..c22a3eed03 100644 --- a/ionic/components/radio/modes/md.scss +++ b/ionic/components/radio/modes/md.scss @@ -1,5 +1,4 @@ @import "../../../globals.md"; -@import "../radio"; // Material Design Radio // -------------------------------------------------- @@ -17,9 +16,12 @@ $radio-md-transition-duration: 280ms !default; $radio-md-transition-easing: cubic-bezier(.4, 0, .2, 1) !default; $radio-md-disabled-text-color: $subdued-text-md-color !default; +$radio-md-disabled-opacity: 0.5 !default; ion-radio { + cursor: pointer; + @include user-select-none(); &[aria-checked=true] { color: $radio-md-color-on; @@ -37,6 +39,8 @@ ion-radio { ion-radio[aria-disabled=true] { color: $radio-md-disabled-text-color; + opacity: $radio-md-disabled-opacity; + pointer-events: none; } .radio-icon { diff --git a/ionic/components/radio/radio.scss b/ionic/components/radio/radio.scss deleted file mode 100644 index d164a64855..0000000000 --- a/ionic/components/radio/radio.scss +++ /dev/null @@ -1,17 +0,0 @@ -@import "../../globals.core"; - -// Radio -// -------------------------------------------------- - -$radio-disabled-opacity: 0.5 !default; - - -ion-radio { - cursor: pointer; - @include user-select-none(); -} - -ion-radio[aria-disabled=true] { - opacity: $radio-disabled-opacity; - pointer-events: none; -}