mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 11:41:20 +08:00
refactor(radio): removed global radio file and moved to the modes
references #689
This commit is contained in:
@ -1,5 +1,4 @@
|
|||||||
@import "../../../globals.ios";
|
@import "../../../globals.ios";
|
||||||
@import "../radio";
|
|
||||||
|
|
||||||
// iOS Radio
|
// iOS Radio
|
||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
@ -12,9 +11,12 @@ $radio-ios-icon-border-width: 2px !default;
|
|||||||
$radio-ios-icon-border-style: solid !default;
|
$radio-ios-icon-border-style: solid !default;
|
||||||
|
|
||||||
$radio-ios-disabled-text-color: $subdued-text-ios-color !default;
|
$radio-ios-disabled-text-color: $subdued-text-ios-color !default;
|
||||||
|
$radio-ios-disabled-opacity: 0.5 !default;
|
||||||
|
|
||||||
|
|
||||||
ion-radio {
|
ion-radio {
|
||||||
|
cursor: pointer;
|
||||||
|
@include user-select-none();
|
||||||
|
|
||||||
&[aria-checked=true] {
|
&[aria-checked=true] {
|
||||||
color: $radio-ios-color-on;
|
color: $radio-ios-color-on;
|
||||||
@ -43,6 +45,8 @@ ion-radio {
|
|||||||
|
|
||||||
ion-radio[aria-disabled=true] {
|
ion-radio[aria-disabled=true] {
|
||||||
color: $radio-ios-disabled-text-color;
|
color: $radio-ios-disabled-text-color;
|
||||||
|
opacity: $radio-ios-disabled-opacity;
|
||||||
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.radio-media {
|
.radio-media {
|
||||||
|
@ -1,5 +1,4 @@
|
|||||||
@import "../../../globals.md";
|
@import "../../../globals.md";
|
||||||
@import "../radio";
|
|
||||||
|
|
||||||
// Material Design 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-transition-easing: cubic-bezier(.4, 0, .2, 1) !default;
|
||||||
|
|
||||||
$radio-md-disabled-text-color: $subdued-text-md-color !default;
|
$radio-md-disabled-text-color: $subdued-text-md-color !default;
|
||||||
|
$radio-md-disabled-opacity: 0.5 !default;
|
||||||
|
|
||||||
|
|
||||||
ion-radio {
|
ion-radio {
|
||||||
|
cursor: pointer;
|
||||||
|
@include user-select-none();
|
||||||
|
|
||||||
&[aria-checked=true] {
|
&[aria-checked=true] {
|
||||||
color: $radio-md-color-on;
|
color: $radio-md-color-on;
|
||||||
@ -37,6 +39,8 @@ ion-radio {
|
|||||||
|
|
||||||
ion-radio[aria-disabled=true] {
|
ion-radio[aria-disabled=true] {
|
||||||
color: $radio-md-disabled-text-color;
|
color: $radio-md-disabled-text-color;
|
||||||
|
opacity: $radio-md-disabled-opacity;
|
||||||
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.radio-icon {
|
.radio-icon {
|
||||||
|
@ -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;
|
|
||||||
}
|
|
Reference in New Issue
Block a user