javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-07 23:16:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: remove unused sass variables (#28363)

Browse Source 
Issue number: N/A

---------

<!-- Please do not submit updates to dependencies unless it fixes an
issue. -->

<!-- Please try to limit your pull request to one type (bugfix, feature,
etc). Submit multiple pull requests if needed. -->

## What is the current behavior?
<!-- Please describe the current behavior that you are modifying. -->

This project has several unused Sass variables still in the code base.
The team would like to remove these.

## What is the new behavior?
<!-- Please describe the behavior or changes that are being added by
this PR. -->

- Removed unused Sass variables


## Does this introduce a breaking change?

- [ ] Yes
- [x] No

<!-- If this introduces a breaking change, please describe the impact
and migration path for existing applications below. -->


## Other information

<!-- Any other information that is important to this PR such as
screenshots of how the component looks before and after the change. -->

The original scope of this ticket was for checkbox only, but many other
components had unused sass variables, so I decided to tackle everything
all at once.

Since these variables are not used anywhere:

1. The build should pass
2. There should be no screenshot diffs
This commit is contained in:
Liam DeBeasi
2023-10-19 12:41:10 -04:00
committed by GitHub
parent 5a30082546
commit c801e2ada9
51 changed files with 3 additions and 600 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
core/src/components/action-sheet/action-sheet.ios.vars.scss
View File

@ -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;

6
core/src/components/action-sheet/action-sheet.md.vars.scss
View File

@ -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;

3
core/src/components/alert/alert.md.vars.scss
View File

@ -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;

64
core/src/components/button/button.ios.vars.scss
View File

@ -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
// --------------------------------------------------

85
core/src/components/button/button.md.vars.scss
View File

@ -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
// --------------------------------------------------

30
core/src/components/checkbox/checkbox.ios.vars.scss
View File

@ -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;

21
core/src/components/checkbox/checkbox.md.vars.scss
View File

@ -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;

9
core/src/components/datetime/datetime.ios.vars.scss
View File

@ -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;

2
core/src/components/datetime/datetime.scss
View File

@ -1,4 +1,4 @@
@import "./datetime.vars";
@import "../../themes/ionic.globals";
// Datetime
// --------------------------------------------------

10
core/src/components/datetime/datetime.vars.scss
View File

@ -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;

3
core/src/components/fab-button/fab-button.md.vars.scss
View File

@ -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;

54
core/src/components/input/input.ios.vars.scss
View File

@ -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;

48
core/src/components/input/input.md.vars.scss
View File

@ -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;

2
core/src/components/item-divider/item-divider.scss
View File

@ -1,4 +1,4 @@
@import "./item-divider.vars";
@import "../../themes/ionic.globals";
// Item Divider

8
core/src/components/item-divider/item-divider.vars.scss
View File

@ -1,8 +0,0 @@
@import "../../themes/ionic.globals";
// Item Divider
// --------------------------------------------------
/// @prop - Minimum height for the divider
$item-divider-min-height: 30px !default;

9
core/src/components/item-option/item-option.ios.vars.scss
View File

@ -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;

9
core/src/components/item-option/item-option.md.vars.scss
View File

@ -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;

6
core/src/components/item/item.ios.vars.scss
View File

@ -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;

9
core/src/components/item/item.md.vars.scss
View File

@ -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;

15
core/src/components/label/label.ios.vars.scss
View File

@ -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;

3
core/src/components/label/label.md.vars.scss
View File

@ -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;

3
core/src/components/menu/menu.ios.vars.scss
View File

@ -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;

3
core/src/components/menu/menu.md.vars.scss
View File

@ -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;

3
core/src/components/modal/modal.ios.vars.scss
View File

@ -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;

3
core/src/components/modal/modal.md.vars.scss
View File

@ -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;

3
core/src/components/picker/picker.ios.vars.scss
View File

@ -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;

3
core/src/components/picker/picker.md.vars.scss
View File

@ -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;

3
core/src/components/popover/popover.ios.vars.scss
View File

@ -1,8 +1,5 @@
@import "../../themes/ionic.globals.ios";
/// @prop - Color of backdrop
$popover-backdrop-ios-color: $backdrop-ios-color !default;
// iOS Popover
// --------------------------------------------------

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

@ -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;

15
core/src/components/range/range.ios.vars.scss
View File

@ -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;

21
core/src/components/range/range.md.vars.scss
View File

@ -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;

2
core/src/components/reorder/reorder.scss
View File

@ -1,5 +1,3 @@
@import "./reorder.vars";
// Reorder
// --------------------------------------------------

7
core/src/components/reorder/reorder.vars.scss
View File

@ -1,7 +0,0 @@
@import "../../themes/ionic.globals";
// Reorder
// --------------------------------------------------
/// @prop - Transform of the reorder when it isn't visible
$reorder-initial-transform: 160% !default;

1
core/src/components/ripple-effect/ripple-effect.scss
View File

@ -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);

3
core/src/components/searchbar/searchbar.ios.vars.scss
View File

@ -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;

6
core/src/components/searchbar/searchbar.md.vars.scss
View File

@ -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;

9
core/src/components/segment-button/segment-button.md.vars.scss
View File

@ -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;

9
core/src/components/select/select.ios.vars.scss
View File

@ -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;

10
core/src/components/select/select.md.vars.scss
View File

@ -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;

11
core/src/components/tab-button/tab-button.ios.vars.scss
View File

@ -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;
$tab-button-ios-icon-size: 30px !default;

15
core/src/components/tab-button/tab-button.md.vars.scss
View File

@ -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;

6
core/src/components/textarea/textarea.ios.vars.scss
View File

@ -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;

3
core/src/components/textarea/textarea.md.vars.scss
View File

@ -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;

3
core/src/components/toast/toast.vars.scss
View File

@ -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;

3
core/src/components/toggle/toggle.ios.vars.scss
View File

@ -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;

9
core/src/components/toggle/toggle.md.vars.scss
View File

@ -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;

25
core/src/components/toolbar/toolbar.md.vars.scss
View File

@ -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;

5
core/src/themes/ionic.globals.scss
View File

@ -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;

2
core/src/themes/ionic.theme.default.ios.scss
View File

@ -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

1
core/src/themes/ionic.theme.default.md.scss
View File

@ -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

1
core/src/themes/ionic.theme.default.scss
View File

@ -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;