javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'main' into chore-update-next-from-main

Browse Source
This commit is contained in:
Brandy Carney
2024-05-02 16:43:54 -04:00
parent 1116cdd44a 0124f3b0b3
commit 8b834387d4
876 changed files with 4034 additions and 2766 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
core/src/components/radio/radio.ios.vars.scss
View File

@@ -5,19 +5,19 @@
// --------------------------------------------------
/// @prop - Background color of focus indicator for radio when focused
$radio-ios-background-color-focused: ion-color(primary, tint) !default;
$radio-ios-background-color-focused: ion-color(primary, tint);
/// @prop - Width of the radio icon
$radio-ios-icon-width: dynamic-font(15px) !default;
$radio-ios-icon-width: dynamic-font(15px);
/// @prop - Height of the radio icon
$radio-ios-icon-height: dynamic-font(24px) !default;
$radio-ios-icon-height: dynamic-font(24px);
/// @prop - Border width of the radio icon
$radio-ios-icon-border-width: dynamic-font(2px) !default;
$radio-ios-icon-border-width: dynamic-font(2px);
/// @prop - Border style of the radio icon
$radio-ios-icon-border-style: solid !default;
$radio-ios-icon-border-style: solid;
/// @prop - Opacity of the disabled radio
$radio-ios-disabled-opacity: $form-control-ios-disabled-opacity !default;
$radio-ios-disabled-opacity: $form-control-ios-disabled-opacity;

24
core/src/components/radio/radio.md.vars.scss
View File

@@ -5,37 +5,37 @@
// --------------------------------------------------
/// @prop - Color of the checked radio
$radio-md-color-on: current-color(base) !default;
$radio-md-color-on: current-color(base);
/// @prop - Background color of focus indicator for radio when focused
$radio-md-background-color-focused: ion-color(primary, tint) !default;
$radio-md-background-color-focused: ion-color(primary, tint);
/// @prop - Color of the unchecked radio
$radio-md-color-off: rgb($text-color-rgb, 0.6) !default;
$radio-md-color-off: rgb($text-color-rgb, 0.6);
/// @prop - Width of the radio icon
$radio-md-icon-width: dynamic-font(20px) !default;
$radio-md-icon-width: dynamic-font(20px);
/// @prop - Height of the radio icon
$radio-md-icon-height: dynamic-font(20px) !default;
$radio-md-icon-height: dynamic-font(20px);
/// @prop - Border width of the radio icon
$radio-md-icon-border-width: dynamic-font(2px) !default;
$radio-md-icon-border-width: dynamic-font(2px);
/// @prop - Border style of the radio icon
$radio-md-icon-border-style: solid !default;
$radio-md-icon-border-style: solid;
/// @prop - Border radius of the radio icon
$radio-md-icon-border-radius: 50% !default;
$radio-md-icon-border-radius: 50%;
/// @prop - Transition duration of the radio
$radio-md-transition-duration: 280ms !default;
$radio-md-transition-duration: 280ms;
/// @prop - Transition easing of the radio
$radio-md-transition-easing: cubic-bezier(0.4, 0, 0.2, 1) !default;
$radio-md-transition-easing: cubic-bezier(0.4, 0, 0.2, 1);
/// @prop - Opacity of the disabled radio label
$radio-md-disabled-opacity: $form-control-md-disabled-opacity !default;
$radio-md-disabled-opacity: $form-control-md-disabled-opacity;
/// @prop - Opacity of the disabled radio
/// This value is used because the radio color is set to
@@ -44,4 +44,4 @@ $radio-md-disabled-opacity: $form-control-md-disabled-opacity !default;
/// opacity is applied on top of the transparent color so
/// this opacity gets us the equivalent of applying `0.38`
/// on top of an opaque radio `rgb(0, 0, 0, 1.0)`
$radio-md-icon-disabled-opacity: 0.63 !default;
$radio-md-icon-disabled-opacity: 0.63;

4
core/src/components/radio/radio.vars.scss
View File

@@ -1,5 +1,5 @@
/// @prop - Top margin of radio's label when in an item
$radio-item-label-margin-top: 10px !default;
$radio-item-label-margin-top: 10px;
/// @prop - Bottom margin of radio's label when in an item
$radio-item-label-margin-bottom: 10px !default;
$radio-item-label-margin-bottom: 10px;