diff --git a/core/src/components/action-sheet/action-sheet.ios.vars.scss b/core/src/components/action-sheet/action-sheet.ios.vars.scss index 5990489da34..3581c601a86 100644 --- a/core/src/components/action-sheet/action-sheet.ios.vars.scss +++ b/core/src/components/action-sheet/action-sheet.ios.vars.scss @@ -58,19 +58,6 @@ $action-sheet-ios-title-font-weight: 400 !default; /// @prop - Font weight of the action sheet title when it has a sub title $action-sheet-ios-title-with-sub-title-font-weight: 600 !default; -/// @prop - Border width of the action sheet title -$action-sheet-ios-title-border-width: $hairlines-width !default; - -/// @prop - Border style of the action sheet title -$action-sheet-ios-title-border-style: solid !default; - -/// @prop - Border color alpha of the action sheet title -$action-sheet-ios-title-border-color-alpha: .08 !default; - -/// @prop - Border color of the action sheet title -$action-sheet-ios-title-border-color: rgba($text-color-rgb, $action-sheet-ios-title-border-color-alpha) !default; - - // Action Sheet Subtitle // -------------------------------------------------- @@ -129,9 +116,6 @@ $action-sheet-ios-button-background-selected: var(--ion-colo /// @prop - Destructive text color of the action sheet button $action-sheet-ios-button-destructive-text-color: ion-color(danger, base) !default; -/// @prop - Background color of the action sheet cancel button -$action-sheet-ios-button-cancel-background: $background-color !default; - /// @prop - Font weight of the action sheet cancel button $action-sheet-ios-button-cancel-font-weight: 600 !default; diff --git a/core/src/components/action-sheet/action-sheet.md.vars.scss b/core/src/components/action-sheet/action-sheet.md.vars.scss index 64e3c2da5f8..c7d945090d3 100644 --- a/core/src/components/action-sheet/action-sheet.md.vars.scss +++ b/core/src/components/action-sheet/action-sheet.md.vars.scss @@ -84,9 +84,6 @@ $action-sheet-md-button-padding-bottom: $action-sheet-md-button- /// @prop - Padding start of the action sheet button $action-sheet-md-button-padding-start: $action-sheet-md-button-padding-end !default; -/// @prop - Background color of the action sheet button -$action-sheet-md-button-background: transparent !default; - // Action Sheet Icon // -------------------------------------------------- @@ -104,6 +101,3 @@ $action-sheet-md-icon-margin-bottom: 0 !default; /// @prop - Margin start of the icon in the action sheet button $action-sheet-md-icon-margin-start: 0 !default; - -/// @prop - Color of the icon in the action sheet button -$action-sheet-md-icon-color: $action-sheet-md-title-color !default; diff --git a/core/src/components/alert/alert.md.vars.scss b/core/src/components/alert/alert.md.vars.scss index 8378e5e01ab..55bdea811e6 100644 --- a/core/src/components/alert/alert.md.vars.scss +++ b/core/src/components/alert/alert.md.vars.scss @@ -157,9 +157,6 @@ $alert-md-button-text-color: ion-color(primary, base) !default; /// @prop - Background color of the alert button $alert-md-button-background-color: transparent !default; -/// @prop - Background color of the alert activated button -$alert-md-button-background-color-activated: ion-color(primary, base, .04) !default; - /// @prop - Border radius of the alert button $alert-md-button-border-radius: 2px !default; diff --git a/core/src/components/button/button.ios.vars.scss b/core/src/components/button/button.ios.vars.scss index 7794064b104..9b49c47e4cd 100644 --- a/core/src/components/button/button.ios.vars.scss +++ b/core/src/components/button/button.ios.vars.scss @@ -41,28 +41,6 @@ $button-ios-font-size: dynamic-font-max(16px, 3) /// @prop - Font weight of the button text $button-ios-font-weight: 500 !default; -/// @prop - Background color of the button -$button-ios-background-color: ion-color(primary, base) !default; - -/// @prop - Text color of the button -$button-ios-text-color: ion-color(primary, contrast) !default; - -/// @prop - Background color of the activated button -$button-ios-background-color-activated: ion-color(primary, shade) !default; - -/// @prop - Opacity of the activated button -$button-ios-opacity-activated: 1 !default; - -/// @prop - Opacity of the button on hover -$button-ios-opacity-hover: .8 !default; - -/// @prop - Background color of the focused button -$button-ios-background-color-focused: ion-color(primary, shade) !default; - -/// @prop - Opacity of the button when disabled -$button-ios-opacity-disabled: .5 !default; - - // iOS Large Button // -------------------------------------------------- @@ -129,30 +107,6 @@ $button-ios-outline-border-style: solid !default; /// @prop - Border radius of the outline button $button-ios-outline-border-radius: $button-ios-border-radius !default; -/// @prop - Border color of the outline button -$button-ios-outline-border-color: $button-ios-background-color !default; - -/// @prop - Text color of the outline button -$button-ios-outline-text-color: $button-ios-background-color !default; - -/// @prop - Background color of the outline button -$button-ios-outline-background-color: transparent !default; - -/// @prop - Text color of the activated outline button -$button-ios-outline-text-color-activated: ion-color(primary, contrast) !default; - -/// @prop - Background color of the activated outline button -$button-ios-outline-background-color-activated: $button-ios-background-color !default; - -/// @prop - Opacity of the activated outline button -$button-ios-outline-opacity-activated: 1 !default; - -/// @prop - Background color alpha of the focused outline button -$button-ios-outline-background-color-alpha-focused: .25 !default; - -/// @prop - Background color of the focused outline button -$button-ios-outline-background-color-focused: ion-color(primary, base, $button-ios-outline-background-color-alpha-focused) !default; - // iOS Clear Button // -------------------------------------------------- @@ -167,30 +121,12 @@ $button-ios-clear-font-weight: normal !default; /// @prop - Letter spacing of the button $button-ios-letter-spacing: 0 !default; -/// @prop - Border color of the clear button -$button-ios-clear-border-color: transparent !default; - -/// @prop - Background color of the clear button -$button-ios-clear-background-color: transparent !default; - -/// @prop - Background color of the activated clear button -$button-ios-clear-background-color-activated: $button-ios-clear-background-color !default; - /// @prop - Opacity of the activated clear button $button-ios-clear-opacity-activated: .4 !default; -/// @prop - Text color of the clear button on hover -$button-ios-clear-text-color-hover: $button-ios-background-color !default; - /// @prop - Opacity of the clear button on hover $button-ios-clear-opacity-hover: .6 !default; -/// @prop - Background color alpha of the focused clear button -$button-ios-clear-background-color-alpha-focused: .25 !default; - -/// @prop - Background color of the focused clear button -$button-ios-clear-background-color-focused: ion-color(primary, base, $button-ios-clear-background-color-alpha-focused) !default; - // iOS Round Button // -------------------------------------------------- diff --git a/core/src/components/button/button.md.vars.scss b/core/src/components/button/button.md.vars.scss index 5b2956820d8..99f942769a1 100644 --- a/core/src/components/button/button.md.vars.scss +++ b/core/src/components/button/button.md.vars.scss @@ -47,18 +47,9 @@ $button-md-letter-spacing: 0.06em; /// @prop - Box shadow of the button $button-md-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12) !default; -/// @prop - Opacity of the activated button -$button-md-opacity-activated: 1 !default; - /// @prop - Box shadow of the activated button $button-md-box-shadow-activated: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12) !default; -/// @prop - Background color of the ripple on the button -$button-md-ripple-background-color: $text-color-step-400 !default; - -/// @prop - Opacity of the button when disabled -$button-md-opacity-disabled: .5 !default; - // Material Design Large Button // -------------------------------------------------- @@ -102,82 +93,6 @@ $button-md-small-min-height: 2.1em !default; /// @prop - Font size of the small button $button-md-small-font-size: dynamic-font(13px) !default; - -// Material Design Outline Button -// -------------------------------------------------- - -/// @prop - Border width of the outline button -$button-md-outline-border-width: 1px !default; - -/// @prop - Border style of the outline button -$button-md-outline-border-style: solid !default; - -/// @prop - Background color of the outline button -$button-md-outline-background-color: transparent !default; - -/// @prop - Box shadow of the outline button -$button-md-outline-box-shadow: none !default; - -/// @prop - Background color alpha of the outline button on hover -$button-md-outline-background-color-alpha-hover: .1 !default; - -/// @prop - Background color of the outline button on hover -$button-md-outline-background-color-hover: rgba($text-color-rgb, $button-md-outline-background-color-alpha-hover) !default; - -/// @prop - Background color of the activated outline button -$button-md-outline-background-color-activated: transparent !default; - -/// @prop - Box shadow of the activated outline button -$button-md-outline-box-shadow-activated: none !default; - -/// @prop - Opacity of the activated outline button -$button-md-outline-opacity-activated: 1 !default; - -/// @prop - Background color alpha of the focused outline button -$button-md-outline-background-color-alpha-focused: .1 !default; - -/// @prop - Background color of the focused outline button -$button-md-outline-background-color-focused: ion-color(primary, base, $button-md-outline-background-color-alpha-focused) !default; - -// Material Design Clear Button -// -------------------------------------------------- - -/// @prop - Border color of the clear button -$button-md-clear-border-color: transparent !default; - -/// @prop - Background color of the clear button -$button-md-clear-background-color: transparent !default; - -/// @prop - Box shadow of the clear button -$button-md-clear-box-shadow: none !default; - -/// @prop - Opacity of the clear button -$button-md-clear-opacity: 1 !default; - -/// @prop - Background color alpha of the activated clear button -$button-md-clear-background-color-alpha-activated: .1 !default; - -/// @prop - Background color of the activated clear button -$button-md-clear-background-color-activated: rgba($text-color-rgb, $button-md-clear-background-color-alpha-activated) !default; - -/// @prop - Box shadow of the activated clear button -$button-md-clear-box-shadow-activated: $button-md-clear-box-shadow !default; - -/// @prop - Background color alpha of the clear button on hover -$button-md-clear-background-color-alpha-hover: .1 !default; - -/// @prop - Background color of the clear button on hover -$button-md-clear-background-color-hover: rgba($text-color-rgb, $button-md-clear-background-color-alpha-hover) !default; - -/// @prop - Background color of the ripple on the clear button -$button-md-clear-ripple-background-color: $text-color-step-600 !default; - -/// @props - Background color of the focused clear button -$button-md-clear-background-color-alpha-focused: .1 !default; - -/// @props - Background color of the focused clear button -$button-md-clear-background-color-focused: ion-color(primary, base, $button-md-clear-background-color-alpha-focused) !default; - // Material Design Round Button // -------------------------------------------------- diff --git a/core/src/components/checkbox/checkbox.ios.vars.scss b/core/src/components/checkbox/checkbox.ios.vars.scss index 500d0ff25e5..dd90abd3f82 100644 --- a/core/src/components/checkbox/checkbox.ios.vars.scss +++ b/core/src/components/checkbox/checkbox.ios.vars.scss @@ -8,21 +8,12 @@ /// @prop - Background color of the checkbox when off $checkbox-ios-background-color-off: $item-ios-background !default; -/// @prop - Background color of the checkbox when on -$checkbox-ios-background-color-on: ion-color(primary, base) !default; - -/// @prop - Background color of focus indicator for checkbox when focused -$checkbox-ios-background-color-focused: ion-color(primary, tint) !default; - /// @prop - Size of the checkbox icon $checkbox-ios-icon-size: dynamic-font-max(26px, 2.538) !default; /// @prop - Border color of the checkbox icon when off $checkbox-ios-icon-border-color-off: rgba($text-color-rgb, 0.23) !default; -/// @prop - Border color of the checkbox icon when on -$checkbox-ios-icon-border-color-on: $checkbox-ios-background-color-on !default; - /// @prop - Border width of the checkbox icon $checkbox-ios-icon-border-width: dynamic-font(1px) !default; @@ -32,27 +23,6 @@ $checkbox-ios-icon-border-style: solid !default; /// @prop - Border radius of the checkbox icon $checkbox-ios-icon-border-radius: 50% !default; -/// @prop - Width of the checkmark border in the checkbox -$checkbox-ios-checkmark-border-width: 1px !default; - -/// @prop - Style of the checkmark border in the checkbox -$checkbox-ios-checkmark-border-style: solid !default; - -/// @prop - Color of the checkmark border in the checkbox -$checkbox-ios-checkmark-border-color: ion-color(primary, contrast) !default; - -/// @prop - Top of the checkmark in the checkbox -$checkbox-ios-checkmark-top: calc($checkbox-ios-icon-size / 6) !default; - -/// @prop - Start of the checkmark in the checkbox -$checkbox-ios-checkmark-start: calc($checkbox-ios-icon-size / 3 + 1px) !default; - -/// @prop - Width of the checkmark in the checkbox -$checkbox-ios-checkmark-width: calc($checkbox-ios-icon-size / 6 + 1px) !default; - -/// @prop - Height of the checkmark in the checkbox -$checkbox-ios-checkmark-height: calc($checkbox-ios-icon-size * 0.5) !default; - /// @prop - Opacity of the disabled checkbox $checkbox-ios-disabled-opacity: $form-control-ios-disabled-opacity !default; diff --git a/core/src/components/checkbox/checkbox.md.vars.scss b/core/src/components/checkbox/checkbox.md.vars.scss index 28ab2d9b5c0..307ba249cb3 100644 --- a/core/src/components/checkbox/checkbox.md.vars.scss +++ b/core/src/components/checkbox/checkbox.md.vars.scss @@ -10,41 +10,20 @@ $checkbox-md-disabled-opacity: $form-control-md-disabled-opacity !defa /// @prop - Background color of the checkbox icon when off $checkbox-md-icon-background-color-off: $item-md-background !default; -/// @prop - Background color of focus indicator for checkbox when focused -$checkbox-md-background-color-focused: ion-color(primary, tint) !default; - -/// @prop - Background color of the checkbox icon when on -$checkbox-md-icon-background-color-on: ion-color(primary, base) !default; - /// @prop - Size of the checkbox icon /// The icon size does not use dynamic font /// because it does not scale in native. $checkbox-md-icon-size: 18px !default; -/// @prop - Width of the checkbox icon checkmark -$checkbox-md-icon-checkmark-width: 2px !default; - -/// @prop - Style of the checkbox icon checkmark -$checkbox-md-icon-checkmark-style: solid !default; - -/// @prop - Color of the checkbox icon checkmark -$checkbox-md-icon-checkmark-color: ion-color(primary, contrast) !default; - /// @prop - Border width of the checkbox icon $checkbox-md-icon-border-width: 2px !default; /// @prop - Border style of the checkbox icon $checkbox-md-icon-border-style: solid !default; -/// @prop - Border radius of the checkbox icon -$checkbox-md-icon-border-radius: 2px !default; - /// @prop - Border color of the checkbox icon when off $checkbox-md-icon-border-color-off: rgb($text-color-rgb, 0.60) !default; -/// @prop - Border color of the checkbox icon when on -$checkbox-md-icon-border-color-on: ion-color(primary, base) !default; - /// @prop - Transition duration of the checkbox $checkbox-md-transition-duration: 180ms !default; diff --git a/core/src/components/datetime/datetime.ios.vars.scss b/core/src/components/datetime/datetime.ios.vars.scss index cd6b3f92a2d..4cb8ad9db12 100644 --- a/core/src/components/datetime/datetime.ios.vars.scss +++ b/core/src/components/datetime/datetime.ios.vars.scss @@ -7,15 +7,6 @@ $datetime-ios-border-color: 0.55px solid $background-color-step-200 !def /// @prop - Padding for content $datetime-ios-padding: 16px !default; -/// @prop - Height of the time picker -$datetime-ios-time-height: 28px !default; - -/// @prop - Width of the time picker -$datetime-ios-time-width: 68px !default; - -/// @prop - Border radius of the time picker -$datetime-ios-time-border-radius: 8px !default; - /// @prop - The font size at which layouts may change to accommodate Dynamic Type $datetime-dynamic-font-breakpoint: 24px !default; diff --git a/core/src/components/datetime/datetime.scss b/core/src/components/datetime/datetime.scss index db724e3cca8..024506590c2 100644 --- a/core/src/components/datetime/datetime.scss +++ b/core/src/components/datetime/datetime.scss @@ -1,4 +1,4 @@ -@import "./datetime.vars"; +@import "../../themes/ionic.globals"; // Datetime // -------------------------------------------------- diff --git a/core/src/components/datetime/datetime.vars.scss b/core/src/components/datetime/datetime.vars.scss deleted file mode 100644 index 501967bb0b4..00000000000 --- a/core/src/components/datetime/datetime.vars.scss +++ /dev/null @@ -1,10 +0,0 @@ -@import "../../themes/ionic.globals"; - -// Datetime -// -------------------------------------------------- - -/// @prop - Minimum width of the datetime -$datetime-min-width: 16px !default; - -/// @prop - Minimum height of the datetime -$datetime-min-height: 1.2em !default; diff --git a/core/src/components/fab-button/fab-button.md.vars.scss b/core/src/components/fab-button/fab-button.md.vars.scss index 5c5e6c2d52a..edd4f572a05 100755 --- a/core/src/components/fab-button/fab-button.md.vars.scss +++ b/core/src/components/fab-button/fab-button.md.vars.scss @@ -12,9 +12,6 @@ $fab-md-box-shadow-activated: 0 7px 8px -4px rgba(0, 0, 0, . /// @prop - Background color of the button $fab-md-background-color: ion-color(primary, base) !default; -/// @prop - Background color of the activated button -$fab-md-background-color-activated: ion-color(primary, contrast) !default; - /// @prop - Text color of the button $fab-md-text-color: ion-color(primary, contrast) !default; diff --git a/core/src/components/input/input.ios.vars.scss b/core/src/components/input/input.ios.vars.scss index 46b35176f7b..2d6de0d507e 100644 --- a/core/src/components/input/input.ios.vars.scss +++ b/core/src/components/input/input.ios.vars.scss @@ -19,59 +19,5 @@ $input-ios-padding-bottom: $item-ios-padding-bottom !default; /// @prop - Margin start of the input $input-ios-padding-start: 0 !default; -/// @prop - Margin start of the input when it is after a label -$input-ios-by-label-margin-start: $item-ios-padding-start !default; - -/// @prop - Padding top of the inset input -$input-ios-inset-padding-top: ($item-ios-padding-top * 0.5) !default; - -/// @prop - Padding end of the inset input -$input-ios-inset-padding-end: ($item-ios-padding-end * 0.5) !default; - -/// @prop - Padding bottom of the inset input -$input-ios-inset-padding-bottom: ($item-ios-padding-bottom * 0.5) !default; - -/// @prop - Padding start of the inset input -$input-ios-inset-padding-start: ($item-ios-padding-start * 0.5) !default; - -/// @prop - Margin top of the inset input -$input-ios-inset-margin-top: ($item-ios-padding-top * 0.5) !default; - -/// @prop - Margin end of the inset input -$input-ios-inset-margin-end: $item-ios-padding-end !default; - -/// @prop - Margin bottom of the inset input -$input-ios-inset-margin-bottom: ($item-ios-padding-bottom * 0.5) !default; - -/// @prop - Margin start of the inset input -$input-ios-inset-margin-start: 0 !default; - -/// @prop - Width of the icon used to clear the input -$input-ios-input-clear-icon-width: 30px !default; - -/// @prop - Padding end of the input with clear input -$input-ios-input-clear-padding-end: ($input-ios-input-clear-icon-width + $item-ios-padding-end) !default; - -/// @prop - Placeholder Text color of the input -$input-ios-placeholder-color: $placeholder-text-color !default; - -/// @prop - Show the focus highlight when the input has focus -$input-ios-show-focus-highlight: false !default; - -/// @prop - Show the valid highlight when it is valid and has a value -$input-ios-show-valid-highlight: $input-ios-show-focus-highlight !default; - -/// @prop - Show the invalid highlight when it is invalid and has value -$input-ios-show-invalid-highlight: $input-ios-show-focus-highlight !default; - -/// @prop - Color of the input highlight -$input-ios-highlight-color: ion-color(primary, base) !default; - -/// @prop - Color of the input highlight when valid -$input-ios-highlight-color-valid: ion-color(success, base) !default; - -/// @prop - Color of the input highlight when invalid -$input-ios-highlight-color-invalid: ion-color(danger, base) !default; - /// @prop - The opacity of the input text, label, helper text, char counter and placeholder of a disabled input $input-ios-disabled-opacity: $form-control-ios-disabled-opacity !default; diff --git a/core/src/components/input/input.md.vars.scss b/core/src/components/input/input.md.vars.scss index e52e24bc0d0..b3bc7c65408 100644 --- a/core/src/components/input/input.md.vars.scss +++ b/core/src/components/input/input.md.vars.scss @@ -19,54 +19,6 @@ $input-md-padding-bottom: 10px !default; /// @prop - Margin start of the input $input-md-padding-start: ($item-md-padding-start * 0.5) !default; -/// @prop - Width of the icon used to clear the input -$input-md-input-clear-icon-width: 30px !default; - -/// @prop - Placeholder Text color of the input -$input-md-placeholder-color: $placeholder-text-color !default; - -/// @prop - Show the focus highlight when the input has focus -$input-md-show-focus-highlight: true !default; - -/// @prop - Show the valid highlight when it is valid and has a value -$input-md-show-valid-highlight: $input-md-show-focus-highlight !default; - -/// @prop - Show the invalid highlight when it is invalid and has value -$input-md-show-invalid-highlight: $input-md-show-focus-highlight !default; - -/// @prop - Color of the input highlight -$input-md-highlight-color: ion-color(primary, base) !default; - -/// @prop - Color of the input highlight when valid -$input-md-highlight-color-valid: ion-color(success, base) !default; - -/// @prop - Color of the input highlight when invalid -$input-md-highlight-color-invalid: ion-color(danger, base) !default; - -/// @prop - Padding top of the inset input -$input-md-inset-padding-top: ($item-md-padding-top * 0.5) !default; - -/// @prop - Padding end of the inset input -$input-md-inset-padding-end: 0 !default; - -/// @prop - Padding bottom of the inset input -$input-md-inset-padding-bottom: ($item-md-padding-bottom * 0.5) !default; - -/// @prop - Padding start of the inset input -$input-md-inset-padding-start: ($item-md-padding-start * 0.5) !default; - -/// @prop - Margin top of the inset input -$input-md-inset-margin-top: ($item-md-padding-top * 0.5) !default; - -/// @prop - Margin end of the inset input -$input-md-inset-margin-end: $item-md-padding-end !default; - -/// @prop - Margin bottom of the inset input -$input-md-inset-margin-bottom: ($item-md-padding-bottom * 0.5) !default; - -/// @prop - Margin start of the inset input -$input-md-inset-margin-start: $item-md-padding-start !default; - /// @prop - The amount of whitespace to display on either side of the floating label $input-md-floating-label-padding: 4px !default; diff --git a/core/src/components/item-divider/item-divider.scss b/core/src/components/item-divider/item-divider.scss index 1c6fc63f864..23d8f068581 100644 --- a/core/src/components/item-divider/item-divider.scss +++ b/core/src/components/item-divider/item-divider.scss @@ -1,4 +1,4 @@ -@import "./item-divider.vars"; +@import "../../themes/ionic.globals"; // Item Divider diff --git a/core/src/components/item-divider/item-divider.vars.scss b/core/src/components/item-divider/item-divider.vars.scss deleted file mode 100644 index 40747d65eac..00000000000 --- a/core/src/components/item-divider/item-divider.vars.scss +++ /dev/null @@ -1,8 +0,0 @@ -@import "../../themes/ionic.globals"; - - -// Item Divider -// -------------------------------------------------- - -/// @prop - Minimum height for the divider -$item-divider-min-height: 30px !default; diff --git a/core/src/components/item-option/item-option.ios.vars.scss b/core/src/components/item-option/item-option.ios.vars.scss index 7dbdd4d54ca..5c63226dc4c 100644 --- a/core/src/components/item-option/item-option.ios.vars.scss +++ b/core/src/components/item-option/item-option.ios.vars.scss @@ -5,12 +5,3 @@ /// @prop - Font size of the item option button $item-option-button-ios-font-size: dynamic-font-clamp(1, 16px, 2.2) !default; - -/// @prop - Background color of the item option button -$item-option-button-ios-background-color: ion-color(primary, base) !default; - -/// @prop - Text color of the item option button -$item-option-button-ios-text-color: ion-color(primary, contrast) !default; - -/// @prop - color of the item option button icon -$item-option-button-ios-icon-color: ion-color(primary, contrast) !default; diff --git a/core/src/components/item-option/item-option.md.vars.scss b/core/src/components/item-option/item-option.md.vars.scss index 611f73ccc5a..3e27b73ccf5 100644 --- a/core/src/components/item-option/item-option.md.vars.scss +++ b/core/src/components/item-option/item-option.md.vars.scss @@ -5,12 +5,3 @@ /// @prop - Font size of the sliding option button $item-option-button-md-font-size: dynamic-font(14px) !default; - -/// @prop - Background color of the sliding option button -$item-option-button-md-background-color: ion-color(primary, base) !default; - -/// @prop - Text color of the sliding option button -$item-option-button-md-text-color: ion-color(primary, contrast) !default; - -/// @prop - color of the sliding option button icon -$item-option-button-md-icon-color: ion-color(primary, contrast) !default; diff --git a/core/src/components/item/item.ios.vars.scss b/core/src/components/item/item.ios.vars.scss index 0ad87711c55..6fb565fe69a 100644 --- a/core/src/components/item/item.ios.vars.scss +++ b/core/src/components/item/item.ios.vars.scss @@ -36,9 +36,6 @@ $item-ios-avatar-height: $item-ios-avatar-width !default; /// @prop - Size of the thumbnail in the item $item-ios-thumbnail-size: 56px !default; -/// @prop - Color of the detail arrow icon -$item-ios-detail-icon-color: $item-ios-border-color !default; - /// @prop - Padding top for the item content $item-ios-padding-top: 10px !default; @@ -60,9 +57,6 @@ $item-ios-border-bottom-style: solid !default; /// @prop - Border bottom color for the item when lines are displayed $item-ios-border-bottom-color: $item-ios-border-color !default; -/// @prop - Border bottom for the item -$item-ios-border-bottom: $item-ios-border-bottom-width $item-ios-border-bottom-style $item-ios-border-bottom-color !default; - /// @prop - Color of the item input highlight $item-ios-input-highlight-color: ion-color(primary, base) !default; diff --git a/core/src/components/item/item.md.vars.scss b/core/src/components/item/item.md.vars.scss index c85f21f6667..147c4163802 100644 --- a/core/src/components/item/item.md.vars.scss +++ b/core/src/components/item/item.md.vars.scss @@ -21,9 +21,6 @@ $item-md-avatar-height: $item-md-avatar-width !default; /// @prop - Size of the thumbnail in the item $item-md-thumbnail-size: 56px !default; -/// @prop - Color of the detail arrow icon -$item-md-detail-icon-color: $item-md-border-color !default; - /// @prop - Padding top for the item content $item-md-padding-top: 10px !default; @@ -45,9 +42,6 @@ $item-md-border-bottom-style: solid !default; /// @prop - Border bottom color for the item when lines are displayed $item-md-border-bottom-color: $item-md-border-color !default; -/// @prop - Border bottom for the item when lines are displayed -$item-md-border-bottom: $item-md-border-bottom-width $item-md-border-bottom-style $item-md-border-color !default; - // Item Input // -------------------------------------------------- @@ -75,9 +69,6 @@ $item-md-input-fill-border-color: $background-color-step-500 !default; /// @prop - Color of the item border when `fill` is set and hovered $item-md-input-fill-border-color-hover: $background-color-step-750 !default; -/// @prop - Color of the item input counter -$item-md-input-counter-color: rgba(0, 0, 0, .6) !default; - /// @prop - Letter spacing of the item input counter $item-md-input-counter-letter-spacing: .0333333333em !default; diff --git a/core/src/components/label/label.ios.vars.scss b/core/src/components/label/label.ios.vars.scss index 9fae9a79efe..4c277c0860f 100644 --- a/core/src/components/label/label.ios.vars.scss +++ b/core/src/components/label/label.ios.vars.scss @@ -4,24 +4,9 @@ // iOS Label // -------------------------------------------------- -/// @prop - Text color of the label by an input, select, or datetime -$label-ios-text-color: null !default; - /// @prop - Text color of the stacked/floating label when it is focused $label-ios-text-color-focused: null !default; -/// @prop - Margin top of the label -$label-ios-margin-top: $item-ios-padding-top !default; - -/// @prop - Margin end of the label -$label-ios-margin-end: ($item-ios-padding-end * 0.5) !default; - -/// @prop - Margin bottom of the label -$label-ios-margin-bottom: $item-ios-padding-bottom !default; - -/// @prop - Margin start of the label -$label-ios-margin-start: 0 !default; - /// @prop - Font size of the label when the text wraps $label-ios-text-wrap-font-size: dynamic-font(14px) !default; diff --git a/core/src/components/label/label.md.vars.scss b/core/src/components/label/label.md.vars.scss index 73f3643757e..ed785732a8e 100644 --- a/core/src/components/label/label.md.vars.scss +++ b/core/src/components/label/label.md.vars.scss @@ -4,9 +4,6 @@ // Material Design Label // -------------------------------------------------- -/// @prop - Text color of the label by an input, select, or datetime -$label-md-text-color: $text-color-step-600 !default; - /// @prop - Text color of the stacked/floating label when it is focused $label-md-text-color-focused: ion-color(primary, base) !default; diff --git a/core/src/components/menu/menu.ios.vars.scss b/core/src/components/menu/menu.ios.vars.scss index e2fe544869c..c2936ddff7d 100644 --- a/core/src/components/menu/menu.ios.vars.scss +++ b/core/src/components/menu/menu.ios.vars.scss @@ -3,9 +3,6 @@ // iOS Menu // -------------------------------------------------- -/// @prop - Background of the menu -$menu-ios-background: $background-color !default; - /// @prop - Box shadow color of the menu $menu-ios-box-shadow-color: rgba(0, 0, 0, .08) !default; diff --git a/core/src/components/menu/menu.md.vars.scss b/core/src/components/menu/menu.md.vars.scss index 064c8f47765..6acf939cceb 100644 --- a/core/src/components/menu/menu.md.vars.scss +++ b/core/src/components/menu/menu.md.vars.scss @@ -3,8 +3,5 @@ // Material Design Menu // -------------------------------------------------- -/// @prop - Background of the menu -$menu-md-background: $background-color !default; - /// @prop - Box shadow of the menu $menu-md-box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18) !default; diff --git a/core/src/components/modal/modal.ios.vars.scss b/core/src/components/modal/modal.ios.vars.scss index d228b75d630..664aefd3319 100644 --- a/core/src/components/modal/modal.ios.vars.scss +++ b/core/src/components/modal/modal.ios.vars.scss @@ -3,8 +3,5 @@ // iOS Modals // -------------------------------------------------- -/// @prop - Background color for the modal -$modal-ios-background-color: $background-color !default; - /// @prop - Border radius for the modal $modal-ios-border-radius: 10px !default; diff --git a/core/src/components/modal/modal.md.vars.scss b/core/src/components/modal/modal.md.vars.scss index b75d2331a8f..bf77d69a7ec 100644 --- a/core/src/components/modal/modal.md.vars.scss +++ b/core/src/components/modal/modal.md.vars.scss @@ -3,9 +3,6 @@ // Material Design Modals // -------------------------------------------------- -/// @prop - Background color for the modal -$modal-md-background-color: $background-color !default; - /// @prop - Box shadow color of the alert $modal-inset-box-shadow-color: rgba(0, 0, 0, .4) !default; diff --git a/core/src/components/picker/picker.ios.vars.scss b/core/src/components/picker/picker.ios.vars.scss index 50cd06c9f63..6bb3e14e062 100644 --- a/core/src/components/picker/picker.ios.vars.scss +++ b/core/src/components/picker/picker.ios.vars.scss @@ -24,9 +24,6 @@ $picker-ios-bottom-background-color: rgba(var(--background-rgb, $ba /// @prop - Height of the picker toolbar $picker-ios-toolbar-height: 44px !default; -/// @prop - Background color of the picker toolbar -$picker-ios-toolbar-background-color: $picker-ios-top-background-color !default; - /// @prop - Height of the picker button $picker-ios-button-height: $picker-ios-toolbar-height !default; diff --git a/core/src/components/picker/picker.md.vars.scss b/core/src/components/picker/picker.md.vars.scss index a0b214c2ab9..d2f8675beb5 100644 --- a/core/src/components/picker/picker.md.vars.scss +++ b/core/src/components/picker/picker.md.vars.scss @@ -24,9 +24,6 @@ $picker-md-bottom-background-color: rgba($background-color-rgb, /// @prop - Height of the picker toolbar $picker-md-toolbar-height: 44px !default; -/// @prop - Background of the picker toolbar -$picker-md-toolbar-background-color: $picker-md-top-background-color !default; - /// @prop - Height of the picker button $picker-md-button-height: $picker-md-toolbar-height !default; diff --git a/core/src/components/popover/popover.ios.vars.scss b/core/src/components/popover/popover.ios.vars.scss index 84330d3b6e6..c5f9cbe8f41 100644 --- a/core/src/components/popover/popover.ios.vars.scss +++ b/core/src/components/popover/popover.ios.vars.scss @@ -1,8 +1,5 @@ @import "../../themes/ionic.globals.ios"; -/// @prop - Color of backdrop -$popover-backdrop-ios-color: $backdrop-ios-color !default; - // iOS Popover // -------------------------------------------------- diff --git a/core/src/components/radio/radio.ios.vars.scss b/core/src/components/radio/radio.ios.vars.scss index 27942dd741a..9d42d8ff72d 100644 --- a/core/src/components/radio/radio.ios.vars.scss +++ b/core/src/components/radio/radio.ios.vars.scss @@ -4,9 +4,6 @@ // iOS Radio // -------------------------------------------------- -/// @prop - Color of the checked radio -$radio-ios-color-on: current-color(base) !default; - /// @prop - Background color of focus indicator for radio when focused $radio-ios-background-color-focused: ion-color(primary, tint) !default; diff --git a/core/src/components/range/range.ios.vars.scss b/core/src/components/range/range.ios.vars.scss index 1ebdf55deb7..fe794984f5a 100644 --- a/core/src/components/range/range.ios.vars.scss +++ b/core/src/components/range/range.ios.vars.scss @@ -20,9 +20,6 @@ $range-ios-item-padding-horizontal: 24px !default; /// @prop - Height of the range slider $range-ios-slider-height: 42px !default; -/// @prop - Width of the area that will select the range knob -$range-ios-hit-width: 42px !default; - /// @prop - Height of the area that will select the range knob $range-ios-hit-height: $range-ios-slider-height !default; @@ -32,24 +29,15 @@ $range-ios-bar-height: 4px !default; /// @prop - Background of the range bar $range-ios-bar-background-color: var(--ion-color-step-900, #e6e6e6) !default; -/// @prop - Background of the active range bar -$range-ios-bar-active-background-color: current-color(base) !default; - /// @prop - Border radius of the range bar $range-ios-bar-border-radius: 2px !default; /// @prop - Width of the range knob $range-ios-knob-width: 26px !default; -/// @prop - Height of the range knob -$range-ios-knob-height: $range-ios-knob-width !default; - /// @prop - Box shadow of the range knob $range-ios-knob-box-shadow: 0px 0.5px 4px rgba(0, 0, 0, 0.12), 0px 6px 13px rgba(0, 0, 0, 0.12) !default; -/// @prop - Border radius of the range knob -$range-ios-knob-border-radius: 50% !default; - /// @prop - Background of the range knob $range-ios-knob-background-color: #ffffff !default; @@ -65,9 +53,6 @@ $range-ios-tick-border-radius: 0 !default; /// @prop - Background of the range tick $range-ios-tick-background-color: $range-ios-bar-background-color !default; -/// @prop - Background of the active range tick -$range-ios-tick-active-background-color: $range-ios-bar-active-background-color !default; - /// @prop - Background of the range pin $range-ios-pin-background-color: transparent !default; diff --git a/core/src/components/range/range.md.vars.scss b/core/src/components/range/range.md.vars.scss index d72fd2045e7..b1d72eb3561 100644 --- a/core/src/components/range/range.md.vars.scss +++ b/core/src/components/range/range.md.vars.scss @@ -20,30 +20,12 @@ $range-md-item-padding-horizontal: 18px !default; /// @prop - Height of the range slider $range-md-slider-height: 42px !default; -/// @prop - Width of the area that will select the range knob -$range-md-hit-width: 42px !default; - -/// @prop - Height of the area that will select the range knob -$range-md-hit-height: $range-md-slider-height !default; - /// @prop - Height of the range bar $range-md-bar-height: 2px !default; /// @prop - Background of the range bar $range-md-bar-background-color: $background-color-step-250 !default; -/// @prop - Background of the active range bar -$range-md-bar-active-background-color: current-color(base) !default; - -/// @prop - Background of the range knob -$range-md-knob-background-color: $range-md-bar-active-background-color !default; - -/// @prop - Background of the range pin -$range-md-pin-background-color: $range-md-bar-active-background-color !default; - -/// @prop - Color of the range pin -$range-md-pin-color: ion-color(primary, contrast) !default; - /// @prop - Font size of the range pin $range-md-pin-font-size: dynamic-font(12px) !default; @@ -56,9 +38,6 @@ $range-md-pin-padding-horizontal: 0 !default; /// @prop - Width and height of the range pin $range-md-pin-dimension: dynamic-font(28px) !default; -/// @prop - Background of the range pin when the value is the minimum -$range-md-pin-min-background-color: $range-md-bar-background-color !default; - /// @prop - Opacity of the indicator shown when the range knob is hovered $range-md-knob-indicator-opacity-hover: 0.13 !default; diff --git a/core/src/components/reorder/reorder.scss b/core/src/components/reorder/reorder.scss index 8159aae0d4c..d10dd930f17 100644 --- a/core/src/components/reorder/reorder.scss +++ b/core/src/components/reorder/reorder.scss @@ -1,5 +1,3 @@ -@import "./reorder.vars"; - // Reorder // -------------------------------------------------- diff --git a/core/src/components/reorder/reorder.vars.scss b/core/src/components/reorder/reorder.vars.scss deleted file mode 100644 index 77aca60cb7a..00000000000 --- a/core/src/components/reorder/reorder.vars.scss +++ /dev/null @@ -1,7 +0,0 @@ -@import "../../themes/ionic.globals"; - -// Reorder -// -------------------------------------------------- - -/// @prop - Transform of the reorder when it isn't visible -$reorder-initial-transform: 160% !default; diff --git a/core/src/components/ripple-effect/ripple-effect.scss b/core/src/components/ripple-effect/ripple-effect.scss index 8b4587740f6..f4937518f78 100644 --- a/core/src/components/ripple-effect/ripple-effect.scss +++ b/core/src/components/ripple-effect/ripple-effect.scss @@ -7,7 +7,6 @@ $scale-duration: 225ms; $fade-in-duration: 75ms; $fade-out-duration: 150ms; -$opacity-duration: $fade-in-duration + $fade-out-duration; :host { @include position(0, 0, 0, 0); diff --git a/core/src/components/searchbar/searchbar.ios.vars.scss b/core/src/components/searchbar/searchbar.ios.vars.scss index d02ad78f88e..8a73ef40c59 100644 --- a/core/src/components/searchbar/searchbar.ios.vars.scss +++ b/core/src/components/searchbar/searchbar.ios.vars.scss @@ -37,9 +37,6 @@ $searchbar-ios-input-min-height: 36px !default; /// @prop - Border radius of the searchbar input $searchbar-ios-input-border-radius: 10px !default; -/// @prop - Color of the searchbar input placeholder -$searchbar-ios-input-placeholder-color: $text-color-step-400 !default; - /// @prop - Color of the searchbar input text $searchbar-ios-input-text-color: $text-color !default; diff --git a/core/src/components/searchbar/searchbar.md.vars.scss b/core/src/components/searchbar/searchbar.md.vars.scss index 9f4470868c3..a764fe4123f 100644 --- a/core/src/components/searchbar/searchbar.md.vars.scss +++ b/core/src/components/searchbar/searchbar.md.vars.scss @@ -42,9 +42,6 @@ $searchbar-md-input-line-height: 30px !default; /// @prop - Box shadow of the searchbar input $searchbar-md-input-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12) !default; -/// @prop - Color of the searchbar input placeholder -$searchbar-md-input-placeholder-color: $placeholder-text-color !default; - /// @prop - Color of the searchbar input text $searchbar-md-input-text-color: $text-color-step-150 !default; @@ -54,8 +51,5 @@ $searchbar-md-input-background-color: $background-color !default; /// @prop - Border radius of the searchbar input $searchbar-md-input-border-radius: 2px !default; -/// @prop - Color of the searchbar input clear icon -$searchbar-md-input-clear-icon-color: $text-color-step-400 !default; - /// @prop - Size of the searchbar input clear icon $searchbar-md-input-clear-icon-size: dynamic-font(22px) !default; diff --git a/core/src/components/segment-button/segment-button.md.vars.scss b/core/src/components/segment-button/segment-button.md.vars.scss index a4800a37163..35ce67c163a 100644 --- a/core/src/components/segment-button/segment-button.md.vars.scss +++ b/core/src/components/segment-button/segment-button.md.vars.scss @@ -18,12 +18,6 @@ $segment-button-md-background: none !default; /// @prop - Background of the checked segment button $segment-button-md-background-checked: $segment-button-md-background !default; -/// @prop - Width of the bottom border on the segment button -$segment-button-md-border-bottom-width: 2px !default; - -/// @prop - Color of the bottom border on the segment button -$segment-button-md-border-bottom-color: transparent !default; - /// @prop - Opacity of the disabled segment button $segment-button-md-opacity-disabled: .3 !default; @@ -68,6 +62,3 @@ $segment-button-md-transition-animated: transform 250ms cubic-bezi /// @prop - Size of an icon in the segment button $segment-button-md-icon-size: 24px !default; - -/// @prop - Line height of an icon in the segment button -$segment-button-md-icon-line-height: $segment-button-md-line-height !default; diff --git a/core/src/components/select/select.ios.vars.scss b/core/src/components/select/select.ios.vars.scss index e0a2ebafb14..cb50b10d15e 100644 --- a/core/src/components/select/select.ios.vars.scss +++ b/core/src/components/select/select.ios.vars.scss @@ -16,17 +16,8 @@ $select-ios-padding-bottom: $item-ios-padding-bottom !default; /// @prop - Padding start of the select $select-ios-padding-start: $item-ios-padding-start !default; -/// @prop - Color of the select icon -$select-ios-icon-color: $text-color-step-650 !default; - /// @prop - Size of the select icon $select-ios-icon-size: dynamic-font(18px) !default; -/// @prop - Color of the select placeholder -$select-ios-placeholder-color: $select-ios-icon-color !default; - -/// @prop - Text Color of the selected item -$select-ios-text-color: $text-color !default; - /// @prop - Opacity of the disabled select $select-ios-disabled-opacity: $form-control-ios-disabled-opacity !default; diff --git a/core/src/components/select/select.md.vars.scss b/core/src/components/select/select.md.vars.scss index acc3389d9e1..db460f063fb 100644 --- a/core/src/components/select/select.md.vars.scss +++ b/core/src/components/select/select.md.vars.scss @@ -16,18 +16,8 @@ $select-md-padding-bottom: $select-md-padding-top !default; /// @prop - Padding start of the select $select-md-padding-start: $item-md-padding-start !default; -/// @prop - Color of the select icon -$select-md-icon-color: $text-color-step-600 !default; - /// @prop - Size of the select icon $select-md-icon-size: dynamic-font(13px) !default; - -/// @prop - Color of the select placeholder -$select-md-placeholder-color: $select-md-icon-color !default; - -/// @prop - Text Color of the selected item -$select-md-text-color: $text-color !default; - /// @prop - The amount of whitespace to display on either side of the floating label $select-md-floating-label-padding: 4px !default; diff --git a/core/src/components/tab-button/tab-button.ios.vars.scss b/core/src/components/tab-button/tab-button.ios.vars.scss index 38b2e212ab9..f7e86af6e3e 100644 --- a/core/src/components/tab-button/tab-button.ios.vars.scss +++ b/core/src/components/tab-button/tab-button.ios.vars.scss @@ -21,17 +21,8 @@ $tab-button-ios-max-width: 240px !default; /// @prop - Text color of the inactive tab button $tab-button-ios-text-color: $tabbar-ios-color !default; -/// @prop - Text color of the active tab button -$tab-button-ios-text-color-active: $tabbar-ios-color-selected !default; - -/// @prop - Icon color of the inactive tab button -$tab-button-ios-icon-color: $tabbar-ios-color !default; - -/// @prop - Icon color of the active tab button -$tab-button-ios-icon-color-active: $tabbar-ios-color-selected !default; - /// @prop - Font size of the tab button text $tab-button-ios-font-size: 10px !default; /// @prop - Size of the tab button icon -$tab-button-ios-icon-size: 30px !default; \ No newline at end of file +$tab-button-ios-icon-size: 30px !default; diff --git a/core/src/components/tab-button/tab-button.md.vars.scss b/core/src/components/tab-button/tab-button.md.vars.scss index 4007dc94eb9..ea005b45090 100644 --- a/core/src/components/tab-button/tab-button.md.vars.scss +++ b/core/src/components/tab-button/tab-button.md.vars.scss @@ -27,15 +27,6 @@ $tab-button-md-font-weight: normal !default; /// @prop - Text color of the inactive tab button $tab-button-md-text-color: $tabbar-md-color !default; -/// @prop - Text color of the active tab button -$tab-button-md-text-color-active: $tabbar-md-color-selected !default; - -/// @prop - Icon color of the inactive tab button -$tab-button-md-icon-color: $tabbar-md-color !default; - -/// @prop - Icon color of the active tab button -$tab-button-md-icon-color-active: $tabbar-md-color-selected !default; - /// @prop - Margin top on the tab button icon $tab-button-md-icon-margin-top: 16px !default; @@ -48,9 +39,6 @@ $tab-button-md-icon-margin-bottom: $tab-button-md-icon-margin-top ! /// @prop - Margin start on the tab button icon $tab-button-md-icon-margin-start: $tab-button-md-icon-margin-end !default; -/// @prop - Font size of the active tab button text -$tab-button-md-font-size-active: 14px !default; - /// @prop - Margin top on the tab button text $tab-button-md-text-margin-top: 2px !default; @@ -69,9 +57,6 @@ $tab-button-md-text-capitalization: none !default; /// @prop - Size of the tab button icon $tab-button-md-icon-size: 22px !default; -/// @prop - Opacity of the inactive tab button -$tab-button-md-opacity: .7 !default; - /// @prop - Border radius on the tab button badge $tab-button-md-badge-border-radius: 8px !default; diff --git a/core/src/components/textarea/textarea.ios.vars.scss b/core/src/components/textarea/textarea.ios.vars.scss index 34243d0946f..c6f807af1ee 100644 --- a/core/src/components/textarea/textarea.ios.vars.scss +++ b/core/src/components/textarea/textarea.ios.vars.scss @@ -4,9 +4,6 @@ // iOS Textarea // -------------------------------------------------- -/// @prop - Margin start of the textarea when it is after a label -$textarea-ios-by-label-margin-start: $item-ios-padding-start !default; - /// @prop - Font size of the textarea $textarea-ios-font-size: inherit !default; @@ -22,8 +19,5 @@ $textarea-ios-padding-bottom: $item-ios-padding-bottom !default; /// @prop - Margin start of the textarea $textarea-ios-padding-start: 0 !default; -/// @prop - Placeholder text color of the textarea -$textarea-ios-placeholder-color: $placeholder-text-color !default; - /// @prop - The opacity of the input text, label, helper text, char counter and placeholder of a disabled textarea $textarea-ios-disabled-opacity: $form-control-ios-disabled-opacity !default; diff --git a/core/src/components/textarea/textarea.md.vars.scss b/core/src/components/textarea/textarea.md.vars.scss index eb84e1979f8..40a864039c9 100644 --- a/core/src/components/textarea/textarea.md.vars.scss +++ b/core/src/components/textarea/textarea.md.vars.scss @@ -19,9 +19,6 @@ $textarea-md-padding-bottom: $item-md-padding-bottom !default; /// @prop - Margin start of the textarea $textarea-md-padding-start: ($item-md-padding-start * 0.5) !default; -/// @prop - Placeholder text color of the textarea -$textarea-md-placeholder-color: $placeholder-text-color !default; - /// @prop - The amount of whitespace to display on either side of the floating label $textarea-md-floating-label-padding: 4px !default; diff --git a/core/src/components/toast/toast.vars.scss b/core/src/components/toast/toast.vars.scss index fad777bcc5a..98d53a85d34 100644 --- a/core/src/components/toast/toast.vars.scss +++ b/core/src/components/toast/toast.vars.scss @@ -5,6 +5,3 @@ /// @prop - Max width of the toast $toast-max-width: 700px !default; - -/// @prop - Font size of the toast button -$toast-button-font-size: 15px !default; diff --git a/core/src/components/toggle/toggle.ios.vars.scss b/core/src/components/toggle/toggle.ios.vars.scss index f72f5484ad1..15588634a60 100644 --- a/core/src/components/toggle/toggle.ios.vars.scss +++ b/core/src/components/toggle/toggle.ios.vars.scss @@ -19,9 +19,6 @@ $toggle-ios-border-radius: $toggle-ios-height * 0.5 !default; /// @prop - Background color of the unchecked toggle $toggle-ios-background-color-off: rgba($text-color-rgb, .088) !default; -/// @prop - Background color of the checked toggle -$toggle-ios-background-color-on: ion-color(primary, base) !default; - /// @prop - Width of the toggle handle $toggle-ios-handle-width: calc(#{$toggle-ios-height} - (#{$toggle-ios-border-width} * 2)) !default; diff --git a/core/src/components/toggle/toggle.md.vars.scss b/core/src/components/toggle/toggle.md.vars.scss index e1c5e1fd4c1..7c980ca42ad 100644 --- a/core/src/components/toggle/toggle.md.vars.scss +++ b/core/src/components/toggle/toggle.md.vars.scss @@ -4,9 +4,6 @@ // Material Design Toggle // -------------------------------------------------- -/// @prop - Color of the active toggle -$toggle-md-active-color: ion-color(primary, base) !default; - /// @prop - Width of the toggle track $toggle-md-track-width: 36px !default; @@ -19,9 +16,6 @@ $toggle-md-track-background-color-off: rgba(var(--ion-text-color-rgb, /// @prop - Background color alpha of the checked toggle track $toggle-md-track-background-color-alpha-on: .5 !default; -/// @prop - Background color of the checked toggle track -$toggle-md-track-background-color-on: ion-color(primary, base, $toggle-md-track-background-color-alpha-on) !default; - /// @prop - Width of the toggle handle $toggle-md-handle-width: 20px !default; @@ -40,9 +34,6 @@ $toggle-md-handle-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, . /// @prop - Background color of the toggle handle $toggle-md-handle-background-color-off: #ffffff !default; -/// @prop - Background color of the checked toggle handle -$toggle-md-handle-background-color-on: $toggle-md-active-color !default; - /// @prop - Margin top of the toggle $toggle-md-media-margin-top: 0 !default; diff --git a/core/src/components/toolbar/toolbar.md.vars.scss b/core/src/components/toolbar/toolbar.md.vars.scss index c6d35ab5e5b..dc713a3424f 100644 --- a/core/src/components/toolbar/toolbar.md.vars.scss +++ b/core/src/components/toolbar/toolbar.md.vars.scss @@ -15,30 +15,5 @@ $toolbar-order-md: ( menu-toggle-end: 7, ); -/// @prop - Font size of the toolbar button -$toolbar-md-button-font-size: dynamic-font(14px) !default; - -/// @prop - Text color of the toolbar button -$toolbar-md-button-color: $toolbar-md-color !default; - -/// @prop - Background color of the toolbar button -$toolbar-md-button-background-color: $toolbar-md-background !default; - /// @prop - Border radius of the toolbar button $toolbar-md-button-border-radius: 2px !default; - -/// @prop - Fill color of the toolbar button icon -$toolbar-md-button-icon-fill-color: currentColor !default; - -/// @prop - Font weight of the strong toolbar button -$toolbar-md-button-strong-font-weight: bold !default; - - -// Material Design Title -// -------------------------------------------------- - -/// @prop - Font size of the toolbar title -$toolbar-md-title-font-size: 20px !default; - -/// @prop - Text color of the toolbar title -$toolbar-md-title-text-color: $toolbar-md-color !default; diff --git a/core/src/themes/ionic.globals.scss b/core/src/themes/ionic.globals.scss index b61a1b73467..d421a43b6ff 100644 --- a/core/src/themes/ionic.globals.scss +++ b/core/src/themes/ionic.globals.scss @@ -19,9 +19,6 @@ // -------------------------------------------------- $font-family-base: var(--ion-font-family, inherit) !default; -// Global app direction -$app-direction: null !default; - // Hairlines width $hairlines-width: .55px !default; @@ -54,10 +51,8 @@ $form-control-label-stacked-scale: 0.75 !default; $z-index-menu-overlay: 1000; $z-index-overlay: 1001; -$z-index-click-block: 99999; $z-index-fixed-content: 999; -$z-index-scroll-content: 1; $z-index-refresher: -1; $z-index-page-container: 0; diff --git a/core/src/themes/ionic.theme.default.ios.scss b/core/src/themes/ionic.theme.default.ios.scss index e3bb9d5919e..dcf60dba750 100644 --- a/core/src/themes/ionic.theme.default.ios.scss +++ b/core/src/themes/ionic.theme.default.ios.scss @@ -7,8 +7,6 @@ // iOS General Colors // -------------------------------------------------- $backdrop-ios-color: var(--ion-backdrop-color, #000) !default; -$border-ios-color: var(--ion-border-color, var(--ion-color-step-150, #dedede)) !default; -$box-shadow-ios-color: var(--ion-box-shadow-color, #000) !default; $overlay-ios-background-color: var(--ion-overlay-background-color, var(--ion-color-step-100, #f9f9f9)) !default; // iOS Tabs & Tab bar diff --git a/core/src/themes/ionic.theme.default.md.scss b/core/src/themes/ionic.theme.default.md.scss index b58c1073c10..1a1abb48b5b 100644 --- a/core/src/themes/ionic.theme.default.md.scss +++ b/core/src/themes/ionic.theme.default.md.scss @@ -9,7 +9,6 @@ // -------------------------------------------------- $backdrop-md-color: var(--ion-backdrop-color, #000) !default; $border-md-color: var(--ion-border-color, var(--ion-color-step-150, #c1c4cd)) !default; -$box-shadow-md-color: var(--ion-box-shadow-color, #000) !default; $overlay-md-background-color: var(--ion-overlay-background-color, var(--ion-background-color, #fff)) !default; // Material Design Tabs & Tab bar diff --git a/core/src/themes/ionic.theme.default.scss b/core/src/themes/ionic.theme.default.scss index 54e9eb4b119..6a882155daf 100644 --- a/core/src/themes/ionic.theme.default.scss +++ b/core/src/themes/ionic.theme.default.scss @@ -142,5 +142,4 @@ $text-color-step-950: var(--ion-color-step-50, mix($background-col // Default General Colors // -------------------------------------------------- -$overlay-background-color: var(--ion-overlay-background-color, #fafafa) !default; $placeholder-text-color: var(--ion-placeholder-color, $text-color-step-600) !default;