javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-24 06:22:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(sass): remove deprecated variables and rules

Browse Source 
references ionic-team/stencil#16
This commit is contained in:
Brandy Carney
2017-08-28 12:28:24 -04:00
parent 6d6e0f0f4e
commit e0a29db3bb
55 changed files with 137 additions and 690 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
packages/core/src/components/action-sheet/action-sheet.ios.scss
View File

@ -7,9 +7,6 @@
/// @prop - Text align of the action sheet /// @prop - Text align of the action sheet
$action-sheet-ios-text-align: center !default; $action-sheet-ios-text-align: center !default;
// deprecated
$action-sheet-ios-padding: null !default;
/// @prop - Padding top of the action sheet /// @prop - Padding top of the action sheet
$action-sheet-ios-padding-top: 0 !default; $action-sheet-ios-padding-top: 0 !default;
@ -109,9 +106,7 @@ $action-sheet-ios-button-cancel-font-weight: 600 !default;
} }
.action-sheet-ios .action-sheet-container { .action-sheet-ios .action-sheet-container {
@include deprecated-variable(padding, $action-sheet-ios-padding) { @include padding($action-sheet-ios-padding-top, $action-sheet-ios-padding-end, $action-sheet-ios-padding-bottom, $action-sheet-ios-padding-start);
@include padding($action-sheet-ios-padding-top, $action-sheet-ios-padding-end, $action-sheet-ios-padding-bottom, $action-sheet-ios-padding-start);
}
} }
.action-sheet-ios .action-sheet-group { .action-sheet-ios .action-sheet-group {

21
packages/core/src/components/action-sheet/action-sheet.md.scss
View File

@ -19,9 +19,6 @@ $action-sheet-md-title-color: #757575 !default;
/// @prop - Font size of the action sheet title /// @prop - Font size of the action sheet title
$action-sheet-md-title-font-size: 1.6rem !default; $action-sheet-md-title-font-size: 1.6rem !default;
// deprecated
$action-sheet-md-title-padding: null !default;
/// @prop - Padding top of the action sheet title /// @prop - Padding top of the action sheet title
$action-sheet-md-title-padding-top: 11px !default; $action-sheet-md-title-padding-top: 11px !default;
@ -43,9 +40,6 @@ $action-sheet-md-button-text-color: #222 !default;
/// @prop - Font size of the action sheet button /// @prop - Font size of the action sheet button
$action-sheet-md-button-font-size: 1.6rem !default; $action-sheet-md-button-font-size: 1.6rem !default;
// deprecated
$action-sheet-md-button-padding: null !default;
/// @prop - Padding top of the action sheet button /// @prop - Padding top of the action sheet button
$action-sheet-md-button-padding-top: 0 !default; $action-sheet-md-button-padding-top: 0 !default;
@ -76,9 +70,6 @@ $action-sheet-md-icon-text-align: center !default;
/// @prop - Vertical align of the icon in the action sheet button /// @prop - Vertical align of the icon in the action sheet button
$action-sheet-md-icon-vertical-align: middle !default; $action-sheet-md-icon-vertical-align: middle !default;
// deprecated
$action-sheet-md-icon-margin: null !default;
/// @prop - Margin top of the icon in the action sheet button /// @prop - Margin top of the icon in the action sheet button
$action-sheet-md-icon-margin-top: 0 !default; $action-sheet-md-icon-margin-top: 0 !default;
@ -104,9 +95,7 @@ $action-sheet-md-icon-margin-start: 0 !default;
font-size: $action-sheet-md-title-font-size; font-size: $action-sheet-md-title-font-size;
color: $action-sheet-md-title-color; color: $action-sheet-md-title-color;
@include deprecated-variable(padding, $action-sheet-md-title-padding) { @include padding($action-sheet-md-title-padding-top, $action-sheet-md-title-padding-end, $action-sheet-md-title-padding-bottom, $action-sheet-md-title-padding-start);
@include padding($action-sheet-md-title-padding-top, $action-sheet-md-title-padding-end, $action-sheet-md-title-padding-bottom, $action-sheet-md-title-padding-start);
}
} }
.action-sheet-md .action-sheet-button { .action-sheet-md .action-sheet-button {
@ -122,9 +111,7 @@ $action-sheet-md-icon-margin-start: 0 !default;
background: $action-sheet-md-button-background; background: $action-sheet-md-button-background;
@include deprecated-variable(padding, $action-sheet-md-button-padding) { @include padding($action-sheet-md-button-padding-top, $action-sheet-md-button-padding-end, $action-sheet-md-button-padding-bottom, $action-sheet-md-button-padding-start);
@include padding($action-sheet-md-button-padding-top, $action-sheet-md-button-padding-end, $action-sheet-md-button-padding-bottom, $action-sheet-md-button-padding-start);
}
} }
.action-sheet-md .action-sheet-button.activated { .action-sheet-md .action-sheet-button.activated {
@ -140,9 +127,7 @@ $action-sheet-md-icon-margin-start: 0 !default;
font-size: $action-sheet-md-icon-font-size; font-size: $action-sheet-md-icon-font-size;
vertical-align: $action-sheet-md-icon-vertical-align; vertical-align: $action-sheet-md-icon-vertical-align;
@include deprecated-variable(margin, $action-sheet-md-icon-margin) { @include margin($action-sheet-md-icon-margin-top, $action-sheet-md-icon-margin-end, $action-sheet-md-icon-margin-bottom, $action-sheet-md-icon-margin-start);
@include margin($action-sheet-md-icon-margin-top, $action-sheet-md-icon-margin-end, $action-sheet-md-icon-margin-bottom, $action-sheet-md-icon-margin-start);
}
} }
.action-sheet-md .action-sheet-group { .action-sheet-md .action-sheet-group {

21
packages/core/src/components/action-sheet/action-sheet.wp.scss
View File

@ -16,9 +16,6 @@ $action-sheet-wp-box-shadow-color: rgba(0, 0, 0, .2) !default;
/// @prop - Box shadow of the action sheet /// @prop - Box shadow of the action sheet
$action-sheet-wp-box-shadow: 0 -1px 0 $action-sheet-wp-box-shadow-color !default; $action-sheet-wp-box-shadow: 0 -1px 0 $action-sheet-wp-box-shadow-color !default;
// deprecated
$action-sheet-wp-title-padding: null !default;
/// @prop - Padding top of the action sheet title /// @prop - Padding top of the action sheet title
$action-sheet-wp-title-padding-top: 11px !default; $action-sheet-wp-title-padding-top: 11px !default;
@ -49,9 +46,6 @@ $action-sheet-wp-button-text-color: #4d4d4d !default;
/// @prop - Font size of the action sheet button /// @prop - Font size of the action sheet button
$action-sheet-wp-button-font-size: 1.5rem !default; $action-sheet-wp-button-font-size: 1.5rem !default;
// deprecated
$action-sheet-wp-button-padding: null !default;
/// @prop - Padding top of the action sheet button /// @prop - Padding top of the action sheet button
$action-sheet-wp-button-padding-top: 0 !default; $action-sheet-wp-button-padding-top: 0 !default;
@ -85,9 +79,6 @@ $action-sheet-wp-icon-text-align: center !default;
/// @prop - Vertical align of the icon in the action sheet button /// @prop - Vertical align of the icon in the action sheet button
$action-sheet-wp-icon-vertical-align: middle !default; $action-sheet-wp-icon-vertical-align: middle !default;
// deprecated
$action-sheet-wp-icon-margin: null !default;
/// @prop - Margin top of the icon in the action sheet button /// @prop - Margin top of the icon in the action sheet button
$action-sheet-wp-icon-margin-top: 0 !default; $action-sheet-wp-icon-margin-top: 0 !default;
@ -111,9 +102,7 @@ $action-sheet-wp-icon-margin-start: 0 !default;
font-size: $action-sheet-wp-title-font-size; font-size: $action-sheet-wp-title-font-size;
color: $action-sheet-wp-title-color; color: $action-sheet-wp-title-color;
@include deprecated-variable(padding, $action-sheet-wp-title-padding) { @include padding($action-sheet-wp-title-padding-top, $action-sheet-wp-title-padding-end, $action-sheet-wp-title-padding-bottom, $action-sheet-wp-title-padding-start);
@include padding($action-sheet-wp-title-padding-top, $action-sheet-wp-title-padding-end, $action-sheet-wp-title-padding-bottom, $action-sheet-wp-title-padding-start);
}
} }
.action-sheet-wp .action-sheet-button { .action-sheet-wp .action-sheet-button {
@ -125,9 +114,7 @@ $action-sheet-wp-icon-margin-start: 0 !default;
color: $action-sheet-wp-button-text-color; color: $action-sheet-wp-button-text-color;
background: $action-sheet-wp-button-background; background: $action-sheet-wp-button-background;
@include deprecated-variable(padding, $action-sheet-wp-button-padding) { @include padding($action-sheet-wp-button-padding-top, $action-sheet-wp-button-padding-end, $action-sheet-wp-button-padding-bottom, $action-sheet-wp-button-padding-start);
@include padding($action-sheet-wp-button-padding-top, $action-sheet-wp-button-padding-end, $action-sheet-wp-button-padding-bottom, $action-sheet-wp-button-padding-start);
}
} }
.action-sheet-wp .action-sheet-button.activated { .action-sheet-wp .action-sheet-button.activated {
@ -143,9 +130,7 @@ $action-sheet-wp-icon-margin-start: 0 !default;
font-size: $action-sheet-wp-icon-font-size; font-size: $action-sheet-wp-icon-font-size;
vertical-align: $action-sheet-wp-icon-vertical-align; vertical-align: $action-sheet-wp-icon-vertical-align;
@include deprecated-variable(margin, $action-sheet-wp-icon-margin) { @include margin($action-sheet-wp-icon-margin-top, $action-sheet-wp-icon-margin-end, $action-sheet-wp-icon-margin-bottom, $action-sheet-wp-icon-margin-start);
@include margin($action-sheet-wp-icon-margin-top, $action-sheet-wp-icon-margin-end, $action-sheet-wp-icon-margin-bottom, $action-sheet-wp-icon-margin-start);
}
} }
.action-sheet-wp .action-sheet-container { .action-sheet-wp .action-sheet-container {

57
packages/core/src/components/alert/alert.ios.scss
View File

@ -16,9 +16,6 @@ $alert-ios-background: #f8f8f8 !default;
/// @prop - Box shadow of the alert /// @prop - Box shadow of the alert
$alert-ios-box-shadow: none !default; $alert-ios-box-shadow: none !default;
// deprecated
$alert-ios-head-padding: null !default;
/// @prop - Padding top of the alert head /// @prop - Padding top of the alert head
$alert-ios-head-padding-top: 12px !default; $alert-ios-head-padding-top: 12px !default;
@ -49,9 +46,6 @@ $alert-ios-sub-title-font-size: 14px !default;
/// @prop - Text color of the alert sub title /// @prop - Text color of the alert sub title
$alert-ios-sub-title-text-color: #666 !default; $alert-ios-sub-title-text-color: #666 !default;
// deprecated
$alert-ios-message-padding: null !default;
/// @prop - Padding top of the alert message /// @prop - Padding top of the alert message
$alert-ios-message-padding-top: 0 !default; $alert-ios-message-padding-top: 0 !default;
@ -74,9 +68,6 @@ $alert-ios-message-text-align: center !default;
/// @prop - Text color of the alert message /// @prop - Text color of the alert message
$alert-ios-message-text-color: inherit !default; $alert-ios-message-text-color: inherit !default;
// deprecated
$alert-ios-message-padding-empty: null !default;
/// @prop - Padding top of the alert empty message /// @prop - Padding top of the alert empty message
$alert-ios-message-empty-padding-top: 0 !default; $alert-ios-message-empty-padding-top: 0 !default;
@ -95,9 +86,6 @@ $alert-ios-content-max-height: 240px !default;
/// @prop - Margin top of the alert input /// @prop - Margin top of the alert input
$alert-ios-input-margin-top: 10px !default; $alert-ios-input-margin-top: 10px !default;
// deprecated
$alert-ios-input-padding: null !default;
/// @prop - Padding top on the alert input /// @prop - Padding top on the alert input
$alert-ios-input-padding-top: 6px !default; $alert-ios-input-padding-top: 6px !default;
@ -167,9 +155,6 @@ $alert-ios-button-main-font-weight: bold !default;
/// @prop - Border top of the alert list /// @prop - Border top of the alert list
$alert-ios-list-border-top: $alert-ios-button-border-width $alert-ios-button-border-style $alert-ios-button-border-color !default; $alert-ios-list-border-top: $alert-ios-button-border-width $alert-ios-button-border-style $alert-ios-button-border-color !default;
// deprecated
$alert-ios-radio-label-padding: null !default;
/// @prop - Padding top on the label for the radio alert /// @prop - Padding top on the label for the radio alert
$alert-ios-radio-label-padding-top: 13px !default; $alert-ios-radio-label-padding-top: 13px !default;
@ -194,10 +179,8 @@ $alert-ios-radio-min-width: 30px !default;
/// @prop - Top of the icon in the radio alert /// @prop - Top of the icon in the radio alert
$alert-ios-radio-icon-top: -7px !default; $alert-ios-radio-icon-top: -7px !default;
// deprecated
$alert-ios-radio-icon-left: 7px !default;
/// @prop - Start of the icon in the radio alert /// @prop - Start of the icon in the radio alert
$alert-ios-radio-icon-start: $alert-ios-radio-icon-left !default; $alert-ios-radio-icon-start: 7px !default;
/// @prop - Width of the icon in the radio alert /// @prop - Width of the icon in the radio alert
$alert-ios-radio-icon-width: 6px !default; $alert-ios-radio-icon-width: 6px !default;
@ -217,9 +200,6 @@ $alert-ios-radio-icon-border-color: $alert-ios-button-text-color !de
/// @prop - Transform of the icon in the radio alert /// @prop - Transform of the icon in the radio alert
$alert-ios-radio-icon-transform: rotate(45deg) !default; $alert-ios-radio-icon-transform: rotate(45deg) !default;
// deprecated
$alert-ios-checkbox-label-padding: null !default;
/// @prop - Padding top of the label for the checkbox in the alert /// @prop - Padding top of the label for the checkbox in the alert
$alert-ios-checkbox-label-padding-top: 13px !default; $alert-ios-checkbox-label-padding-top: 13px !default;
@ -238,9 +218,6 @@ $alert-ios-checkbox-label-text-color: initial !default;
/// @prop - Text color of the label for the checked checkbox in the alert /// @prop - Text color of the label for the checked checkbox in the alert
$alert-ios-checkbox-label-text-color-checked: initial !default; $alert-ios-checkbox-label-text-color-checked: initial !default;
// deprecated
$alert-ios-checkbox-margin: null !default;
/// @prop - Margin top of the checkbox in the alert /// @prop - Margin top of the checkbox in the alert
$alert-ios-checkbox-margin-top: 10px !default; $alert-ios-checkbox-margin-top: 10px !default;
@ -280,10 +257,8 @@ $alert-ios-checkbox-background-color-on: color($colors-ios, primary) !def
/// @prop - Top of the icon in the checkbox alert /// @prop - Top of the icon in the checkbox alert
$alert-ios-checkbox-icon-top: 4px !default; $alert-ios-checkbox-icon-top: 4px !default;
// deprecated
$alert-ios-checkbox-icon-left: 7px !default;
/// @prop - Start of the icon in the checkbox alert /// @prop - Start of the icon in the checkbox alert
$alert-ios-checkbox-icon-start: $alert-ios-checkbox-icon-left !default; $alert-ios-checkbox-icon-start: 7px !default;
/// @prop - Width of the icon in the checkbox alert /// @prop - Width of the icon in the checkbox alert
$alert-ios-checkbox-icon-width: 4px !default; $alert-ios-checkbox-icon-width: 4px !default;
@ -323,9 +298,7 @@ $alert-ios-checkbox-icon-transform: rotate(45deg) !default;
.alert-ios .alert-head { .alert-ios .alert-head {
@include text-align($alert-ios-head-text-align); @include text-align($alert-ios-head-text-align);
@include deprecated-variable(padding, $alert-ios-head-padding) { @include padding($alert-ios-head-padding-top, $alert-ios-head-padding-end, $alert-ios-head-padding-bottom, $alert-ios-head-padding-start);
@include padding($alert-ios-head-padding-top, $alert-ios-head-padding-end, $alert-ios-head-padding-bottom, $alert-ios-head-padding-start);
}
} }
.alert-ios .alert-title { .alert-ios .alert-title {
@ -351,9 +324,7 @@ $alert-ios-checkbox-icon-transform: rotate(45deg) !default;
font-size: $alert-ios-message-font-size; font-size: $alert-ios-message-font-size;
color: $alert-ios-message-text-color; color: $alert-ios-message-text-color;
@include deprecated-variable(padding, $alert-ios-message-padding) { @include padding($alert-ios-message-padding-top, $alert-ios-message-padding-end, $alert-ios-message-padding-bottom, $alert-ios-message-padding-start);
@include padding($alert-ios-message-padding-top, $alert-ios-message-padding-end, $alert-ios-message-padding-bottom, $alert-ios-message-padding-start);
}
} }
.alert-ios .alert-message { .alert-ios .alert-message {
@ -361,9 +332,7 @@ $alert-ios-checkbox-icon-transform: rotate(45deg) !default;
} }
.alert-ios .alert-message:empty { .alert-ios .alert-message:empty {
@include deprecated-variable(padding, $alert-ios-message-padding-empty) { @include padding($alert-ios-message-empty-padding-top, $alert-ios-message-empty-padding-end, $alert-ios-message-empty-padding-bottom, $alert-ios-message-empty-padding-start);
@include padding($alert-ios-message-empty-padding-top, $alert-ios-message-empty-padding-end, $alert-ios-message-empty-padding-bottom, $alert-ios-message-empty-padding-start);
}
} }
@ -378,9 +347,7 @@ $alert-ios-checkbox-icon-transform: rotate(45deg) !default;
border: $alert-ios-input-border; border: $alert-ios-input-border;
background-color: $alert-ios-input-background-color; background-color: $alert-ios-input-background-color;
@include deprecated-variable(padding, $alert-ios-input-padding) { @include padding($alert-ios-input-padding-top, $alert-ios-input-padding-end, $alert-ios-input-padding-bottom, $alert-ios-input-padding-start);
@include padding($alert-ios-input-padding-top, $alert-ios-input-padding-end, $alert-ios-input-padding-bottom, $alert-ios-input-padding-start);
}
} }
@ -421,9 +388,7 @@ $alert-ios-checkbox-icon-transform: rotate(45deg) !default;
color: $alert-ios-radio-label-text-color; color: $alert-ios-radio-label-text-color;
@include deprecated-variable(padding, $alert-ios-radio-label-padding) { @include padding($alert-ios-radio-label-padding-top, $alert-ios-radio-label-padding-end, $alert-ios-radio-label-padding-bottom, $alert-ios-radio-label-padding-start);
@include padding($alert-ios-radio-label-padding-top, $alert-ios-radio-label-padding-end, $alert-ios-radio-label-padding-bottom, $alert-ios-radio-label-padding-start);
}
} }
@ -480,9 +445,7 @@ $alert-ios-checkbox-icon-transform: rotate(45deg) !default;
color: $alert-ios-checkbox-label-text-color; color: $alert-ios-checkbox-label-text-color;
@include deprecated-variable(padding, $alert-ios-checkbox-label-padding) { @include padding($alert-ios-checkbox-label-padding-top, $alert-ios-checkbox-label-padding-end, $alert-ios-checkbox-label-padding-bottom, $alert-ios-checkbox-label-padding-start);
@include padding($alert-ios-checkbox-label-padding-top, $alert-ios-checkbox-label-padding-end, $alert-ios-checkbox-label-padding-bottom, $alert-ios-checkbox-label-padding-start);
}
} }
.alert-ios [aria-checked=true] .alert-checkbox-label { .alert-ios [aria-checked=true] .alert-checkbox-label {
@ -505,9 +468,7 @@ $alert-ios-checkbox-icon-transform: rotate(45deg) !default;
border-color: $alert-ios-checkbox-border-color-off; border-color: $alert-ios-checkbox-border-color-off;
background-color: $alert-ios-checkbox-background-color-off; background-color: $alert-ios-checkbox-background-color-off;
@include deprecated-variable(margin, $alert-ios-checkbox-margin) { @include margin($alert-ios-checkbox-margin-top, $alert-ios-checkbox-margin-end, $alert-ios-checkbox-margin-bottom, $alert-ios-checkbox-margin-start);
@include margin($alert-ios-checkbox-margin-top, $alert-ios-checkbox-margin-end, $alert-ios-checkbox-margin-bottom, $alert-ios-checkbox-margin-start);
}
} }

72
packages/core/src/components/alert/alert.md.scss
View File

@ -19,9 +19,6 @@ $alert-md-box-shadow-color: rgba(0, 0, 0, .4) !default;
/// @prop - Box shadow of the alert /// @prop - Box shadow of the alert
$alert-md-box-shadow: 0 16px 20px $alert-md-box-shadow-color !default; $alert-md-box-shadow: 0 16px 20px $alert-md-box-shadow-color !default;
// deprecated
$alert-md-head-padding: null !default;
/// @prop - Padding top of the alert head /// @prop - Padding top of the alert head
$alert-md-head-padding-top: 24px !default; $alert-md-head-padding-top: 24px !default;
@ -44,9 +41,6 @@ $alert-md-title-font-size: 22px !default;
/// @prop - Font size of the alert sub title /// @prop - Font size of the alert sub title
$alert-md-sub-title-font-size: 16px !default; $alert-md-sub-title-font-size: 16px !default;
// deprecated
$alert-md-message-padding: null !default;
/// @prop - Padding top of the alert message /// @prop - Padding top of the alert message
$alert-md-message-padding-top: 0 !default; $alert-md-message-padding-top: 0 !default;
@ -65,9 +59,6 @@ $alert-md-message-font-size: 15px !default;
/// @prop - Text color of the alert message /// @prop - Text color of the alert message
$alert-md-message-text-color: rgba(0, 0, 0, .5) !default; $alert-md-message-text-color: rgba(0, 0, 0, .5) !default;
// deprecated
$alert-md-message-padding-empty: null !default;
/// @prop - Padding top of the alert empty message /// @prop - Padding top of the alert empty message
$alert-md-message-empty-padding-top: 0 !default; $alert-md-message-empty-padding-top: 0 !default;
@ -107,25 +98,18 @@ $alert-md-input-border-color-focused: color($colors-md, primary) !defaul
/// @prop - Margin top of the alert input /// @prop - Margin top of the alert input
$alert-md-input-margin-top: 5px !default; $alert-md-input-margin-top: 5px !default;
// deprecated
$alert-md-input-margin-right: 0 !default;
/// @prop - Margin end of the alert input /// @prop - Margin end of the alert input
$alert-md-input-margin-end: $alert-md-input-margin-right !default; $alert-md-input-margin-end: 0 !default;
/// @prop - Margin bottom of the alert input /// @prop - Margin bottom of the alert input
$alert-md-input-margin-bottom: 5px !default; $alert-md-input-margin-bottom: 5px !default;
// deprecated
$alert-md-input-margin-left: 0 !default;
/// @prop - Margin start of the alert input /// @prop - Margin start of the alert input
$alert-md-input-margin-start: $alert-md-input-margin-left !default; $alert-md-input-margin-start: 0 !default;
/// @prop - Flex wrap of the alert button group /// @prop - Flex wrap of the alert button group
$alert-md-button-group-flex-wrap: wrap-reverse !default; $alert-md-button-group-flex-wrap: wrap-reverse !default;
// deprecated
$alert-md-button-group-padding: null !default;
/// @prop - Padding top of the alert button group /// @prop - Padding top of the alert button group
$alert-md-button-group-padding-top: 8px !default; $alert-md-button-group-padding-top: 8px !default;
@ -141,9 +125,6 @@ $alert-md-button-group-padding-start: 24px !default;
/// @prop - Justify content of the alert button group /// @prop - Justify content of the alert button group
$alert-md-button-group-justify-content: flex-end !default; $alert-md-button-group-justify-content: flex-end !default;
// deprecated
$alert-md-button-padding: null !default;
/// @prop - Padding top of the alert button /// @prop - Padding top of the alert button
$alert-md-button-padding-top: 10px !default; $alert-md-button-padding-top: 10px !default;
@ -156,9 +137,6 @@ $alert-md-button-padding-bottom: $alert-md-button-padding-top !defa
/// @prop - Padding start of the alert button /// @prop - Padding start of the alert button
$alert-md-button-padding-start: $alert-md-button-padding-end !default; $alert-md-button-padding-start: $alert-md-button-padding-end !default;
// deprecated
$alert-md-button-margin: null !default;
/// @prop - Margin top of the alert button /// @prop - Margin top of the alert button
$alert-md-button-margin-top: 0 !default; $alert-md-button-margin-top: 0 !default;
@ -199,9 +177,6 @@ $alert-md-list-border-top: 1px solid $alert-md-input-border-c
/// @prop - Border bottom of the alert list /// @prop - Border bottom of the alert list
$alert-md-list-border-bottom: $alert-md-list-border-top !default; $alert-md-list-border-bottom: $alert-md-list-border-top !default;
// deprecated
$alert-md-radio-label-padding: null !default;
/// @prop - Padding top on the label for the radio alert /// @prop - Padding top on the label for the radio alert
$alert-md-radio-label-padding-top: 13px !default; $alert-md-radio-label-padding-top: 13px !default;
@ -250,10 +225,8 @@ $alert-md-radio-border-color-on: $alert-md-button-text-color !defau
/// @prop - Top of the icon in the alert radio /// @prop - Top of the icon in the alert radio
$alert-md-radio-icon-top: 2px !default; $alert-md-radio-icon-top: 2px !default;
// deprecated
$alert-md-radio-icon-left: 2px !default;
/// @prop - Start of the icon in the radio alert /// @prop - Start of the icon in the radio alert
$alert-md-radio-icon-start: $alert-md-radio-icon-left !default; $alert-md-radio-icon-start: 2px !default;
/// @prop - Width of the icon in the alert radio /// @prop - Width of the icon in the alert radio
$alert-md-radio-icon-width: 8px !default; $alert-md-radio-icon-width: 8px !default;
@ -273,9 +246,6 @@ $alert-md-radio-icon-transform-on: scale3d(1, 1, 1) !default;
/// @prop - Transition of the icon in the alert radio /// @prop - Transition of the icon in the alert radio
$alert-md-radio-icon-transition: transform 280ms cubic-bezier(.4, 0, .2, 1) !default; $alert-md-radio-icon-transition: transform 280ms cubic-bezier(.4, 0, .2, 1) !default;
// deprecated
$alert-md-checkbox-label-padding: null !default;
/// @prop - Padding top of the label for the checkbox in the alert /// @prop - Padding top of the label for the checkbox in the alert
$alert-md-checkbox-label-padding-top: 13px !default; $alert-md-checkbox-label-padding-top: 13px !default;
@ -326,10 +296,8 @@ $alert-md-checkbox-border-color-on: $alert-md-button-text-color !defau
/// @prop - Top of the icon in the checkbox alert /// @prop - Top of the icon in the checkbox alert
$alert-md-checkbox-icon-top: 0 !default; $alert-md-checkbox-icon-top: 0 !default;
// deprecated
$alert-md-checkbox-icon-left: 3px !default;
/// @prop - Start of the icon in the checkbox alert /// @prop - Start of the icon in the checkbox alert
$alert-md-checkbox-icon-start: $alert-md-checkbox-icon-left !default; $alert-md-checkbox-icon-start: 3px !default;
/// @prop - Width of the icon in the checkbox alert /// @prop - Width of the icon in the checkbox alert
$alert-md-checkbox-icon-width: 6px !default; $alert-md-checkbox-icon-width: 6px !default;
@ -365,9 +333,7 @@ $alert-md-checkbox-icon-transform: rotate(45deg) !default;
.alert-md .alert-head { .alert-md .alert-head {
@include text-align($alert-md-head-text-align); @include text-align($alert-md-head-text-align);
@include deprecated-variable(padding, $alert-md-head-padding) { @include padding($alert-md-head-padding-top, $alert-md-head-padding-end, $alert-md-head-padding-bottom, $alert-md-head-padding-start);
@include padding($alert-md-head-padding-top, $alert-md-head-padding-end, $alert-md-head-padding-bottom, $alert-md-head-padding-start);
}
} }
.alert-md .alert-title { .alert-md .alert-title {
@ -386,9 +352,7 @@ $alert-md-checkbox-icon-transform: rotate(45deg) !default;
.alert-md .alert-input-group { .alert-md .alert-input-group {
color: $alert-md-message-text-color; color: $alert-md-message-text-color;
@include deprecated-variable(padding, $alert-md-message-padding) { @include padding($alert-md-message-padding-top, $alert-md-message-padding-end, $alert-md-message-padding-bottom, $alert-md-message-padding-start);
@include padding($alert-md-message-padding-top, $alert-md-message-padding-end, $alert-md-message-padding-bottom, $alert-md-message-padding-start);
}
} }
.alert-md .alert-message { .alert-md .alert-message {
@ -398,9 +362,7 @@ $alert-md-checkbox-icon-transform: rotate(45deg) !default;
} }
.alert-md .alert-message:empty { .alert-md .alert-message:empty {
@include deprecated-variable(padding, $alert-md-message-padding-empty) { @include padding($alert-md-message-empty-padding-top, $alert-md-message-empty-padding-end, $alert-md-message-empty-padding-bottom, $alert-md-message-empty-padding-start);
@include padding($alert-md-message-empty-padding-top, $alert-md-message-empty-padding-end, $alert-md-message-empty-padding-bottom, $alert-md-message-empty-padding-start);
}
} }
@ -459,9 +421,7 @@ $alert-md-checkbox-icon-transform: rotate(45deg) !default;
color: $alert-md-radio-label-text-color; color: $alert-md-radio-label-text-color;
@include deprecated-variable(padding, $alert-md-radio-label-padding) { @include padding($alert-md-radio-label-padding-top, $alert-md-radio-label-padding-end, $alert-md-radio-label-padding-bottom, $alert-md-radio-label-padding-start);
@include padding($alert-md-radio-label-padding-top, $alert-md-radio-label-padding-end, $alert-md-radio-label-padding-bottom, $alert-md-radio-label-padding-start);
}
} }
// Material Design Alert Radio Unchecked Circle // Material Design Alert Radio Unchecked Circle
@ -529,9 +489,7 @@ $alert-md-checkbox-icon-transform: rotate(45deg) !default;
color: $alert-md-checkbox-label-text-color; color: $alert-md-checkbox-label-text-color;
@include deprecated-variable(padding, $alert-md-checkbox-label-padding) { @include padding($alert-md-checkbox-label-padding-top, $alert-md-checkbox-label-padding-end, $alert-md-checkbox-label-padding-bottom, $alert-md-checkbox-label-padding-start);
@include padding($alert-md-checkbox-label-padding-top, $alert-md-checkbox-label-padding-end, $alert-md-checkbox-label-padding-bottom, $alert-md-checkbox-label-padding-start);
}
} }
.alert-md [aria-checked=true] .alert-checkbox-label { .alert-md [aria-checked=true] .alert-checkbox-label {
@ -587,9 +545,7 @@ $alert-md-checkbox-icon-transform: rotate(45deg) !default;
flex-wrap: $alert-md-button-group-flex-wrap; flex-wrap: $alert-md-button-group-flex-wrap;
justify-content: $alert-md-button-group-justify-content; justify-content: $alert-md-button-group-justify-content;
@include deprecated-variable(padding, $alert-md-button-group-padding) { @include padding($alert-md-button-group-padding-top, $alert-md-button-group-padding-end, $alert-md-button-group-padding-bottom, $alert-md-button-group-padding-start);
@include padding($alert-md-button-group-padding-top, $alert-md-button-group-padding-end, $alert-md-button-group-padding-bottom, $alert-md-button-group-padding-start);
}
} }
.alert-md .alert-button { .alert-md .alert-button {
@ -605,13 +561,9 @@ $alert-md-checkbox-icon-transform: rotate(45deg) !default;
color: $alert-md-button-text-color; color: $alert-md-button-text-color;
background-color: $alert-md-button-background-color; background-color: $alert-md-button-background-color;
@include deprecated-variable(margin, $alert-md-button-margin) { @include margin($alert-md-button-margin-top, $alert-md-button-margin-end, $alert-md-button-margin-bottom, $alert-md-button-margin-start);
@include margin($alert-md-button-margin-top, $alert-md-button-margin-end, $alert-md-button-margin-bottom, $alert-md-button-margin-start);
}
@include deprecated-variable(padding, $alert-md-button-padding) { @include padding($alert-md-button-padding-top, $alert-md-button-padding-end, $alert-md-button-padding-bottom, $alert-md-button-padding-start);
@include padding($alert-md-button-padding-top, $alert-md-button-padding-end, $alert-md-button-padding-bottom, $alert-md-button-padding-start);
}
} }
.alert-md .alert-button.activated { .alert-md .alert-button.activated {

72
packages/core/src/components/alert/alert.wp.scss
View File

@ -28,9 +28,6 @@ $alert-wp-border-radius: 0 !default;
/// @prop - Background color of the alert /// @prop - Background color of the alert
$alert-wp-background: #e6e6e6 !default; $alert-wp-background: #e6e6e6 !default;
// deprecated
$alert-wp-head-padding: null !default;
/// @prop - Padding top of the alert head /// @prop - Padding top of the alert head
$alert-wp-head-padding-top: 20px !default; $alert-wp-head-padding-top: 20px !default;
@ -55,9 +52,6 @@ $alert-wp-title-font-weight: 400 !default;
/// @prop - Font size of the alert sub title /// @prop - Font size of the alert sub title
$alert-wp-sub-title-font-size: 16px !default; $alert-wp-sub-title-font-size: 16px !default;
// deprecated
$alert-wp-message-padding: null !default;
/// @prop - Padding top of the alert message /// @prop - Padding top of the alert message
$alert-wp-message-padding-top: 0 !default; $alert-wp-message-padding-top: 0 !default;
@ -70,9 +64,6 @@ $alert-wp-message-padding-bottom: 8px !default;
/// @prop - Padding start of the alert message /// @prop - Padding start of the alert message
$alert-wp-message-padding-start: 22px !default; $alert-wp-message-padding-start: 22px !default;
// deprecated
$alert-wp-message-padding-empty: null !default;
/// @prop - Padding top of the alert empty message /// @prop - Padding top of the alert empty message
$alert-wp-message-empty-padding-top: 0 !default; $alert-wp-message-empty-padding-top: 0 !default;
@ -94,9 +85,6 @@ $alert-wp-message-font-size: 13px !default;
/// @prop - Maximum height of the alert content /// @prop - Maximum height of the alert content
$alert-wp-content-max-height: 240px !default; $alert-wp-content-max-height: 240px !default;
// deprecated
$alert-wp-input-margin: null !default;
/// @prop - Margin top of the alert input /// @prop - Margin top of the alert input
$alert-wp-input-margin-top: 5px !default; $alert-wp-input-margin-top: 5px !default;
@ -109,9 +97,6 @@ $alert-wp-input-margin-bottom: 5px !default;
/// @prop - Margin start of the alert input /// @prop - Margin start of the alert input
$alert-wp-input-margin-start: 0 !default; $alert-wp-input-margin-start: 0 !default;
// deprecated
$alert-wp-input-padding: null !default;
/// @prop - Padding top on the alert input /// @prop - Padding top on the alert input
$alert-wp-input-padding-top: 0 !default; $alert-wp-input-padding-top: 0 !default;
@ -142,9 +127,6 @@ $alert-wp-input-line-height: 3rem !default;
/// @prop - Color of the text in the alert input /// @prop - Color of the text in the alert input
$alert-wp-input-text-color: #000 !default; $alert-wp-input-text-color: #000 !default;
// deprecated
$alert-wp-button-padding: null !default;
/// @prop - Padding top of the alert button /// @prop - Padding top of the alert button
$alert-wp-button-padding-top: 5px !default; $alert-wp-button-padding-top: 5px !default;
@ -175,10 +157,8 @@ $alert-wp-button-background: #b8b8b8 !default;
/// @prop - Background color of the activated alert button /// @prop - Background color of the activated alert button
$alert-wp-button-background-activated: color-shade($alert-wp-button-background) !default; $alert-wp-button-background-activated: color-shade($alert-wp-button-background) !default;
// deprecated
$alert-wp-button-margin-right: 1% !default;
/// @prop - Margin end of the alert button /// @prop - Margin end of the alert button
$alert-wp-button-margin-end: $alert-wp-button-margin-right !default; $alert-wp-button-margin-end: 1% !default;
$alert-wp-button-group-padding: null !default; $alert-wp-button-group-padding: null !default;
@ -214,9 +194,6 @@ $alert-wp-radio-background: color($colors-wp, primary) !defau
/// @prop - Border color of the radio alert /// @prop - Border color of the radio alert
$alert-wp-radio-border-color: $input-wp-border-color !default; $alert-wp-radio-border-color: $input-wp-border-color !default;
// deprecated
$alert-wp-radio-label-padding: null !default;
/// @prop - Padding top of the label for the radio alert /// @prop - Padding top of the label for the radio alert
$alert-wp-radio-label-padding-top: 13px !default; $alert-wp-radio-label-padding-top: 13px !default;
@ -263,10 +240,8 @@ $alert-wp-radio-border-color: $input-wp-border-color !default;
/// @prop - Top of the icon in the radio alert /// @prop - Top of the icon in the radio alert
$alert-wp-radio-icon-top: 2px !default; $alert-wp-radio-icon-top: 2px !default;
// deprecated
$alert-wp-radio-icon-left: 2px !default;
/// @prop - Start of the icon in the radio alert /// @prop - Start of the icon in the radio alert
$alert-wp-radio-icon-start: $alert-wp-radio-icon-left !default; $alert-wp-radio-icon-start: 2px !default;
/// @prop - Width of the icon in the radio alert /// @prop - Width of the icon in the radio alert
$alert-wp-radio-icon-width: 8px !default; $alert-wp-radio-icon-width: 8px !default;
@ -277,9 +252,6 @@ $alert-wp-radio-icon-height: 8px !default;
/// @prop - Border radius of the icon in the radio alert /// @prop - Border radius of the icon in the radio alert
$alert-wp-radio-icon-border-radius: $alert-wp-radio-border-radius !default; $alert-wp-radio-icon-border-radius: $alert-wp-radio-border-radius !default;
// deprecated
$alert-wp-checkbox-label-padding: null !default;
/// @prop - Padding top of the label for the checkbox in the alert /// @prop - Padding top of the label for the checkbox in the alert
$alert-wp-checkbox-label-padding-top: 13px !default; $alert-wp-checkbox-label-padding-top: 13px !default;
@ -331,10 +303,8 @@ $alert-wp-checkbox-background-on: color($colors-wp, primary) !defau
/// @prop - Top of the icon in the checkbox alert /// @prop - Top of the icon in the checkbox alert
$alert-wp-checkbox-icon-top: -2px !default; $alert-wp-checkbox-icon-top: -2px !default;
// deprecated
$alert-wp-checkbox-icon-left: 3px !default;
/// @prop - Start of the icon in the checkbox alert /// @prop - Start of the icon in the checkbox alert
$alert-wp-checkbox-icon-start: $alert-wp-checkbox-icon-left !default; $alert-wp-checkbox-icon-start: 3px !default;
/// @prop - Width of the icon in the checkbox alert /// @prop - Width of the icon in the checkbox alert
$alert-wp-checkbox-icon-width: 6px !default; $alert-wp-checkbox-icon-width: 6px !default;
@ -375,9 +345,7 @@ $alert-wp-checkbox-icon-transform: rotate(45deg) !default;
.alert-wp .alert-head { .alert-wp .alert-head {
@include text-align($alert-wp-head-text-align); @include text-align($alert-wp-head-text-align);
@include deprecated-variable(padding, $alert-wp-head-padding) { @include padding($alert-wp-head-padding-top, $alert-wp-head-padding-end, $alert-wp-head-padding-bottom, $alert-wp-head-padding-start);
@include padding($alert-wp-head-padding-top, $alert-wp-head-padding-end, $alert-wp-head-padding-bottom, $alert-wp-head-padding-start);
}
} }
.alert-wp .alert-title { .alert-wp .alert-title {
@ -397,9 +365,7 @@ $alert-wp-checkbox-icon-transform: rotate(45deg) !default;
.alert-wp .alert-input-group { .alert-wp .alert-input-group {
color: $alert-wp-message-text-color; color: $alert-wp-message-text-color;
@include deprecated-variable(padding, $alert-wp-message-padding) { @include padding($alert-wp-message-padding-top, $alert-wp-message-padding-end, $alert-wp-message-padding-bottom, $alert-wp-message-padding-start);
@include padding($alert-wp-message-padding-top, $alert-wp-message-padding-end, $alert-wp-message-padding-bottom, $alert-wp-message-padding-start);
}
} }
.alert-wp .alert-message { .alert-wp .alert-message {
@ -409,9 +375,7 @@ $alert-wp-checkbox-icon-transform: rotate(45deg) !default;
} }
.alert-wp .alert-message:empty { .alert-wp .alert-message:empty {
@include deprecated-variable(padding, $alert-wp-message-padding-empty) { @include padding($alert-wp-message-empty-padding-top, $alert-wp-message-empty-padding-end, $alert-wp-message-empty-padding-bottom, $alert-wp-message-empty-padding-start);
@include padding($alert-wp-message-empty-padding-top, $alert-wp-message-empty-padding-end, $alert-wp-message-empty-padding-bottom, $alert-wp-message-empty-padding-start);
}
} }
@ -423,13 +387,9 @@ $alert-wp-checkbox-icon-transform: rotate(45deg) !default;
line-height: $alert-wp-input-line-height; line-height: $alert-wp-input-line-height;
color: $alert-wp-input-text-color; color: $alert-wp-input-text-color;
@include deprecated-variable(margin, $alert-wp-input-margin) { @include margin($alert-wp-input-margin-top, $alert-wp-input-margin-end, $alert-wp-input-margin-bottom, $alert-wp-input-margin-start);
@include margin($alert-wp-input-margin-top, $alert-wp-input-margin-end, $alert-wp-input-margin-bottom, $alert-wp-input-margin-start);
}
@include deprecated-variable(padding, $alert-wp-input-padding) { @include padding($alert-wp-input-padding-top, $alert-wp-input-padding-end, $alert-wp-input-padding-bottom, $alert-wp-input-padding-start);
@include padding($alert-wp-input-padding-top, $alert-wp-input-padding-end, $alert-wp-input-padding-bottom, $alert-wp-input-padding-start);
}
} }
.alert-wp .alert-input:focus { .alert-wp .alert-input:focus {
@ -472,9 +432,7 @@ $alert-wp-checkbox-icon-transform: rotate(45deg) !default;
color: $alert-wp-radio-label-text-color; color: $alert-wp-radio-label-text-color;
@include deprecated-variable(padding, $alert-wp-radio-label-padding) { @include padding($alert-wp-radio-label-padding-top, $alert-wp-radio-label-padding-end, $alert-wp-radio-label-padding-bottom, $alert-wp-radio-label-padding-start);
@include padding($alert-wp-radio-label-padding-top, $alert-wp-radio-label-padding-end, $alert-wp-radio-label-padding-bottom, $alert-wp-radio-label-padding-start);
}
} }
// Windows Alert Radio Unchecked Circle // Windows Alert Radio Unchecked Circle
@ -541,9 +499,7 @@ $alert-wp-checkbox-icon-transform: rotate(45deg) !default;
color: $alert-wp-checkbox-label-text-color; color: $alert-wp-checkbox-label-text-color;
@include deprecated-variable(padding, $alert-wp-checkbox-label-padding) { @include padding($alert-wp-checkbox-label-padding-top, $alert-wp-checkbox-label-padding-end, $alert-wp-checkbox-label-padding-bottom, $alert-wp-checkbox-label-padding-start);
@include padding($alert-wp-checkbox-label-padding-top, $alert-wp-checkbox-label-padding-end, $alert-wp-checkbox-label-padding-bottom, $alert-wp-checkbox-label-padding-start);
}
} }
.alert-wp [aria-checked=true] .alert-checkbox-label { .alert-wp [aria-checked=true] .alert-checkbox-label {
@ -603,9 +559,7 @@ $alert-wp-checkbox-icon-transform: rotate(45deg) !default;
flex-wrap: $alert-wp-button-group-flex-wrap; flex-wrap: $alert-wp-button-group-flex-wrap;
justify-content: $alert-wp-button-group-justify-content; justify-content: $alert-wp-button-group-justify-content;
@include deprecated-variable(padding, $alert-wp-button-group-padding) { @include padding($alert-wp-button-group-padding-top, $alert-wp-button-group-padding-end, $alert-wp-button-group-padding-bottom, $alert-wp-button-group-padding-start);
@include padding($alert-wp-button-group-padding-top, $alert-wp-button-group-padding-end, $alert-wp-button-group-padding-bottom, $alert-wp-button-group-padding-start);
}
} }
.alert-wp .alert-button-group-vertical .alert-button { .alert-wp .alert-button-group-vertical .alert-button {
@ -627,9 +581,7 @@ $alert-wp-checkbox-icon-transform: rotate(45deg) !default;
color: $alert-wp-button-text-color; color: $alert-wp-button-text-color;
background: $alert-wp-button-background; background: $alert-wp-button-background;
@include deprecated-variable(padding, $alert-wp-button-padding) { @include padding($alert-wp-button-padding-top, $alert-wp-button-padding-end, $alert-wp-button-padding-bottom, $alert-wp-button-padding-start);
@include padding($alert-wp-button-padding-top, $alert-wp-button-padding-end, $alert-wp-button-padding-bottom, $alert-wp-button-padding-start);
}
} }
.alert-wp .alert-button:first-child:not(:only-child) { .alert-wp .alert-button:first-child:not(:only-child) {

35
packages/core/src/components/button/button.ios.scss
View File

@ -4,9 +4,6 @@
// iOS Button // iOS Button
// -------------------------------------------------- // --------------------------------------------------
// deprecated
$button-ios-margin: null !default;
/// @prop - Margin top of the button /// @prop - Margin top of the button
$button-ios-margin-top: .4rem !default; $button-ios-margin-top: .4rem !default;
@ -19,9 +16,6 @@ $button-ios-margin-bottom: .4rem !default;
/// @prop - Margin start of the button /// @prop - Margin start of the button
$button-ios-margin-start: .2rem !default; $button-ios-margin-start: .2rem !default;
// deprecated
$button-ios-padding: null !default;
/// @prop - Padding top of the button /// @prop - Padding top of the button
$button-ios-padding-top: 0 !default; $button-ios-padding-top: 0 !default;
@ -62,9 +56,6 @@ $button-ios-opacity-hover: .8 !default;
// iOS Large Button // iOS Large Button
// -------------------------------------------------- // --------------------------------------------------
// deprecated
$button-ios-large-padding: null !default;
/// @prop - Padding top of the large button /// @prop - Padding top of the large button
$button-ios-large-padding-top: 0 !default; $button-ios-large-padding-top: 0 !default;
@ -87,9 +78,6 @@ $button-ios-large-font-size: 2rem !default;
// iOS Small Button // iOS Small Button
// -------------------------------------------------- // --------------------------------------------------
// deprecated
$button-ios-small-padding: null !default;
/// @prop - Padding top of the small button /// @prop - Padding top of the small button
$button-ios-small-padding-top: 0 !default; $button-ios-small-padding-top: 0 !default;
@ -168,9 +156,6 @@ $button-ios-clear-opacity-hover: .6 !default;
// iOS Round Button // iOS Round Button
// -------------------------------------------------- // --------------------------------------------------
// deprecated
$button-ios-round-padding: null !default;
/// @prop - Padding top of the round button /// @prop - Padding top of the round button
$button-ios-round-padding-top: $button-round-padding-top !default; $button-ios-round-padding-top: $button-round-padding-top !default;
@ -207,13 +192,9 @@ $button-ios-strong-font-weight: 600 !default;
color: $button-ios-text-color; color: $button-ios-text-color;
background-color: $button-ios-background-color; background-color: $button-ios-background-color;
@include deprecated-variable(margin, $button-ios-margin) { @include margin($button-ios-margin-top, $button-ios-margin-end, $button-ios-margin-bottom, $button-ios-margin-start);
@include margin($button-ios-margin-top, $button-ios-margin-end, $button-ios-margin-bottom, $button-ios-margin-start);
}
@include deprecated-variable(padding, $button-ios-padding) { @include padding($button-ios-padding-top, $button-ios-padding-end, $button-ios-padding-bottom, $button-ios-padding-start);
@include padding($button-ios-padding-top, $button-ios-padding-end, $button-ios-padding-bottom, $button-ios-padding-start);
}
} }
.button-ios.activated { .button-ios.activated {
@ -253,9 +234,7 @@ $button-ios-strong-font-weight: 600 !default;
font-size: $button-ios-large-font-size; font-size: $button-ios-large-font-size;
@include deprecated-variable(padding, $button-ios-large-padding) { @include padding($button-ios-large-padding-top, $button-ios-large-padding-end, $button-ios-large-padding-bottom, $button-ios-large-padding-start);
@include padding($button-ios-large-padding-top, $button-ios-large-padding-end, $button-ios-large-padding-bottom, $button-ios-large-padding-start);
}
} }
.button-small-ios { .button-small-ios {
@ -263,9 +242,7 @@ $button-ios-strong-font-weight: 600 !default;
font-size: $button-ios-small-font-size; font-size: $button-ios-small-font-size;
@include deprecated-variable(padding, $button-ios-small-padding) { @include padding($button-ios-small-padding-top, $button-ios-small-padding-end, $button-ios-small-padding-bottom, $button-ios-small-padding-start);
@include padding($button-ios-small-padding-top, $button-ios-small-padding-end, $button-ios-small-padding-bottom, $button-ios-small-padding-start);
}
} }
.button-small-ios ion-icon[slot="icon-only"] { .button-small-ios ion-icon[slot="icon-only"] {
@ -376,9 +353,7 @@ $button-ios-strong-font-weight: 600 !default;
.button-round-ios { .button-round-ios {
@include border-radius($button-ios-round-border-radius); @include border-radius($button-ios-round-border-radius);
@include deprecated-variable(padding, $button-ios-round-padding) { @include padding($button-ios-round-padding-top, $button-ios-round-padding-end, $button-ios-round-padding-bottom, $button-ios-round-padding-start);
@include padding($button-ios-round-padding-top, $button-ios-round-padding-end, $button-ios-round-padding-bottom, $button-ios-round-padding-start);
}
} }

35
packages/core/src/components/button/button.md.scss
View File

@ -5,9 +5,6 @@
// -------------------------------------------------- // --------------------------------------------------
// deprecated
$button-md-margin: null !default;
/// @prop - Margin top of the button /// @prop - Margin top of the button
$button-md-margin-top: .4rem !default; $button-md-margin-top: .4rem !default;
@ -20,9 +17,6 @@ $button-md-margin-bottom: .4rem !default;
/// @prop - Margin start of the button /// @prop - Margin start of the button
$button-md-margin-start: .2rem !default; $button-md-margin-start: .2rem !default;
// deprecated
$button-md-padding: null !default;
/// @prop - Padding top of the button /// @prop - Padding top of the button
$button-md-padding-top: 0 !default; $button-md-padding-top: 0 !default;
@ -84,9 +78,6 @@ $button-md-ripple-background-color: #555 !default;
// Material Design Large Button // Material Design Large Button
// -------------------------------------------------- // --------------------------------------------------
// deprecated
$button-md-large-padding: null !default;
/// @prop - Padding top of the large button /// @prop - Padding top of the large button
$button-md-large-padding-top: 0 !default; $button-md-large-padding-top: 0 !default;
@ -109,9 +100,6 @@ $button-md-large-font-size: 2rem !default;
// Material Design Small Button // Material Design Small Button
// -------------------------------------------------- // --------------------------------------------------
// deprecated
$button-md-small-padding: null !default;
/// @prop - Padding top of the small button /// @prop - Padding top of the small button
$button-md-small-padding-top: 0 !default; $button-md-small-padding-top: 0 !default;
@ -205,9 +193,6 @@ $button-md-clear-ripple-background-color: #999 !default;
// Material Design Round Button // Material Design Round Button
// -------------------------------------------------- // --------------------------------------------------
// deprecated
$button-md-round-padding: null !default;
/// @prop - Padding top of the round button /// @prop - Padding top of the round button
$button-md-round-padding-top: $button-round-padding-top !default; $button-md-round-padding-top: $button-round-padding-top !default;
@ -253,13 +238,9 @@ $button-md-strong-font-weight: bold !default;
background-color $button-md-transition-duration $button-md-transition-timing-function, background-color $button-md-transition-duration $button-md-transition-timing-function,
color $button-md-transition-duration $button-md-transition-timing-function; color $button-md-transition-duration $button-md-transition-timing-function;
@include deprecated-variable(margin, $button-md-margin) { @include margin($button-md-margin-top, $button-md-margin-end, $button-md-margin-bottom, $button-md-margin-start);
@include margin($button-md-margin-top, $button-md-margin-end, $button-md-margin-bottom, $button-md-margin-start);
}
@include deprecated-variable(padding, $button-md-padding) { @include padding($button-md-padding-top, $button-md-padding-end, $button-md-padding-bottom, $button-md-padding-start);
@include padding($button-md-padding-top, $button-md-padding-end, $button-md-padding-bottom, $button-md-padding-start);
}
} }
.button-md:hover:not(.disable-hover) { .button-md:hover:not(.disable-hover) {
@ -312,9 +293,7 @@ $button-md-strong-font-weight: bold !default;
font-size: $button-md-large-font-size; font-size: $button-md-large-font-size;
@include deprecated-variable(padding, $button-md-large-padding) { @include padding($button-md-large-padding-top, $button-md-large-padding-end, $button-md-large-padding-bottom, $button-md-large-padding-start);
@include padding($button-md-large-padding-top, $button-md-large-padding-end, $button-md-large-padding-bottom, $button-md-large-padding-start);
}
} }
.button-small-md { .button-small-md {
@ -322,9 +301,7 @@ $button-md-strong-font-weight: bold !default;
font-size: $button-md-small-font-size; font-size: $button-md-small-font-size;
@include deprecated-variable(padding, $button-md-small-padding) { @include padding($button-md-small-padding-top, $button-md-small-padding-end, $button-md-small-padding-bottom, $button-md-small-padding-start);
@include padding($button-md-small-padding-top, $button-md-small-padding-end, $button-md-small-padding-bottom, $button-md-small-padding-start);
}
} }
.button-small-md ion-icon[slot="icon-only"] { .button-small-md ion-icon[slot="icon-only"] {
@ -456,9 +433,7 @@ $button-md-strong-font-weight: bold !default;
.button-round-md { .button-round-md {
@include border-radius($button-md-round-border-radius); @include border-radius($button-md-round-border-radius);
@include deprecated-variable(padding, $button-md-round-padding) { @include padding($button-md-round-padding-top, $button-md-round-padding-end, $button-md-round-padding-bottom, $button-md-round-padding-start);
@include padding($button-md-round-padding-top, $button-md-round-padding-end, $button-md-round-padding-bottom, $button-md-round-padding-start);
}
} }
.button-md ion-icon[slot="icon-only"] { .button-md ion-icon[slot="icon-only"] {

3
packages/core/src/components/button/button.scss
View File

@ -4,9 +4,6 @@
// Buttons // Buttons
// -------------------------------------------------- // --------------------------------------------------
// deprecated
$button-round-padding: null !default;
/// @prop - Padding top of the round button /// @prop - Padding top of the round button
$button-round-padding-top: 0 !default; $button-round-padding-top: 0 !default;

35
packages/core/src/components/button/button.wp.scss
View File

@ -4,9 +4,6 @@
// Windows Button // Windows Button
// -------------------------------------------------- // --------------------------------------------------
// deprecated
$button-wp-margin: null !default;
/// @prop - Margin top of the button /// @prop - Margin top of the button
$button-wp-margin-top: .4rem !default; $button-wp-margin-top: .4rem !default;
@ -19,9 +16,6 @@ $button-wp-margin-bottom: .4rem !default;
/// @prop - Margin start of the button /// @prop - Margin start of the button
$button-wp-margin-start: .2rem !default; $button-wp-margin-start: .2rem !default;
// deprecated
$button-wp-padding: null !default;
/// @prop - Padding top of the button /// @prop - Padding top of the button
$button-wp-padding-top: 0 !default; $button-wp-padding-top: 0 !default;
@ -65,9 +59,6 @@ $button-wp-background-color-activated: color-shade($button-wp
// Windows Large Button // Windows Large Button
// -------------------------------------------------- // --------------------------------------------------
// deprecated
$button-wp-large-padding: null !default;
/// @prop - Padding top of the large button /// @prop - Padding top of the large button
$button-wp-large-padding-top: 0 !default; $button-wp-large-padding-top: 0 !default;
@ -90,9 +81,6 @@ $button-wp-large-font-size: 2rem !default;
// Windows Small Button // Windows Small Button
// -------------------------------------------------- // --------------------------------------------------
// deprecated
$button-wp-small-padding: null !default;
/// @prop - Padding top of the small button /// @prop - Padding top of the small button
$button-wp-small-padding-top: 0 !default; $button-wp-small-padding-top: 0 !default;
@ -159,9 +147,6 @@ $button-wp-clear-background-color-hover: rgba(158, 158, 158, .1
// Windows Round Button // Windows Round Button
// -------------------------------------------------- // --------------------------------------------------
// deprecated
$button-wp-round-padding: null !default;
/// @prop - Padding top of the round button /// @prop - Padding top of the round button
$button-wp-round-padding-top: $button-round-padding-top !default; $button-wp-round-padding-top: $button-round-padding-top !default;
@ -200,13 +185,9 @@ $button-wp-strong-font-weight: bold !default;
color: $button-wp-text-color; color: $button-wp-text-color;
background-color: $button-wp-background-color; background-color: $button-wp-background-color;
@include deprecated-variable(margin, $button-wp-margin) { @include margin($button-wp-margin-top, $button-wp-margin-end, $button-wp-margin-bottom, $button-wp-margin-start);
@include margin($button-wp-margin-top, $button-wp-margin-end, $button-wp-margin-bottom, $button-wp-margin-start);
}
@include deprecated-variable(padding, $button-wp-padding) { @include padding($button-wp-padding-top, $button-wp-padding-end, $button-wp-padding-bottom, $button-wp-padding-start);
@include padding($button-wp-padding-top, $button-wp-padding-end, $button-wp-padding-bottom, $button-wp-padding-start);
}
} }
.button-wp:hover:not(.disable-hover) { .button-wp:hover:not(.disable-hover) {
@ -251,9 +232,7 @@ $button-wp-strong-font-weight: bold !default;
font-size: $button-wp-large-font-size; font-size: $button-wp-large-font-size;
@include deprecated-variable(padding, $button-wp-large-padding) { @include padding($button-wp-large-padding-top, $button-wp-large-padding-end, $button-wp-large-padding-bottom, $button-wp-large-padding-start);
@include padding($button-wp-large-padding-top, $button-wp-large-padding-end, $button-wp-large-padding-bottom, $button-wp-large-padding-start);
}
} }
.button-small-wp { .button-small-wp {
@ -261,9 +240,7 @@ $button-wp-strong-font-weight: bold !default;
font-size: $button-wp-small-font-size; font-size: $button-wp-small-font-size;
@include deprecated-variable(padding, $button-wp-small-padding) { @include padding($button-wp-small-padding-top, $button-wp-small-padding-end, $button-wp-small-padding-bottom, $button-wp-small-padding-start);
@include padding($button-wp-small-padding-top, $button-wp-small-padding-end, $button-wp-small-padding-bottom, $button-wp-small-padding-start);
}
} }
.button-small-wp ion-icon[slot="icon-only"] { .button-small-wp ion-icon[slot="icon-only"] {
@ -375,9 +352,7 @@ $button-wp-strong-font-weight: bold !default;
.button-round-wp { .button-round-wp {
@include border-radius($button-wp-round-border-radius); @include border-radius($button-wp-round-border-radius);
@include deprecated-variable(padding, $button-wp-round-padding) { @include padding($button-wp-round-padding-top, $button-wp-round-padding-end, $button-wp-round-padding-bottom, $button-wp-round-padding-start);
@include padding($button-wp-round-padding-top, $button-wp-round-padding-end, $button-wp-round-padding-bottom, $button-wp-round-padding-start);
}
} }
.button-wp ion-icon[slot="icon-only"] { .button-wp ion-icon[slot="icon-only"] {

8
packages/core/src/components/card-content/card-content.ios.scss
View File

@ -8,18 +8,14 @@
/// @prop - Padding top of the card /// @prop - Padding top of the card
$card-ios-padding-top: 13px !default; $card-ios-padding-top: 13px !default;
// deprecated
$card-ios-padding-right: 16px !default;
/// @prop - Padding end of the card /// @prop - Padding end of the card
$card-ios-padding-end: $card-ios-padding-right !default; $card-ios-padding-end: 16px !default;
/// @prop - Padding bottom of the card /// @prop - Padding bottom of the card
$card-ios-padding-bottom: 14px !default; $card-ios-padding-bottom: 14px !default;
// deprecated
$card-ios-padding-left: 16px !default;
/// @prop - Padding start of the card /// @prop - Padding start of the card
$card-ios-padding-start: $card-ios-padding-left !default; $card-ios-padding-start: 16px !default;
/// @prop - Font size of the card /// @prop - Font size of the card
$card-ios-font-size: 1.4rem !default; $card-ios-font-size: 1.4rem !default;

8
packages/core/src/components/card-content/card-content.md.scss
View File

@ -8,18 +8,14 @@
/// @prop - Padding top of the card /// @prop - Padding top of the card
$card-md-padding-top: 13px !default; $card-md-padding-top: 13px !default;
// deprecated
$card-md-padding-right: 16px !default;
/// @prop - Padding right of the card /// @prop - Padding right of the card
$card-md-padding-end: $card-md-padding-right !default; $card-md-padding-end: 16px !default;
/// @prop - Padding bottom of the card /// @prop - Padding bottom of the card
$card-md-padding-bottom: 13px !default; $card-md-padding-bottom: 13px !default;
// deprecated
$card-md-padding-left: 16px !default;
/// @prop - Padding start of the card /// @prop - Padding start of the card
$card-md-padding-start: $card-md-padding-left !default; $card-md-padding-start: 16px !default;
/// @prop - Font size of the card /// @prop - Font size of the card
$card-md-font-size: 1.4rem !default; $card-md-font-size: 1.4rem !default;

8
packages/core/src/components/card-content/card-content.wp.scss
View File

@ -8,18 +8,14 @@
/// @prop - Padding top of the card /// @prop - Padding top of the card
$card-wp-padding-top: 13px !default; $card-wp-padding-top: 13px !default;
// deprecated
$card-wp-padding-right: 16px !default;
/// @prop - Padding end of the card /// @prop - Padding end of the card
$card-wp-padding-end: $card-wp-padding-right !default; $card-wp-padding-end: 16px !default;
/// @prop - Padding bottom of the card /// @prop - Padding bottom of the card
$card-wp-padding-bottom: 13px !default; $card-wp-padding-bottom: 13px !default;
// deprecated
$card-wp-padding-left: 16px !default;
/// @prop - Padding start of the card /// @prop - Padding start of the card
$card-wp-padding-start: $card-wp-padding-left !default; $card-wp-padding-start: 16px !default;
/// @prop - Font size of the card /// @prop - Font size of the card
$card-wp-font-size: 1.4rem !default; $card-wp-font-size: 1.4rem !default;

7
packages/core/src/components/card-header/card-header.ios.scss
View File

@ -11,9 +11,6 @@ $card-ios-header-font-size: 1.6rem !default;
/// @prop - Font weight of the card header /// @prop - Font weight of the card header
$card-ios-header-font-weight: 500 !default; $card-ios-header-font-weight: 500 !default;
// deprecated
$card-ios-header-padding: null !default;
/// @prop - Padding top of the card header /// @prop - Padding top of the card header
$card-ios-header-padding-top: 16px !default; $card-ios-header-padding-top: 16px !default;
@ -35,9 +32,7 @@ $card-ios-header-color: #333 !default;
font-weight: $card-ios-header-font-weight; font-weight: $card-ios-header-font-weight;
color: $card-ios-header-color; color: $card-ios-header-color;
@include deprecated-variable(padding, $card-ios-header-padding) { @include padding($card-ios-header-padding-top, $card-ios-header-padding-end, $card-ios-header-padding-bottom, $card-ios-header-padding-start);
@include padding($card-ios-header-padding-top, $card-ios-header-padding-end, $card-ios-header-padding-bottom, $card-ios-header-padding-start);
}
} }

7
packages/core/src/components/card-header/card-header.md.scss
View File

@ -8,9 +8,6 @@
/// @prop - Font size of the card header /// @prop - Font size of the card header
$card-md-header-font-size: 1.6rem !default; $card-md-header-font-size: 1.6rem !default;
// deprecated
$card-md-header-padding: null !default;
/// @prop - Padding top of the card header /// @prop - Padding top of the card header
$card-md-header-padding-top: 16px !default; $card-md-header-padding-top: 16px !default;
@ -31,9 +28,7 @@ $card-md-header-color: #222 !default;
font-size: $card-md-header-font-size; font-size: $card-md-header-font-size;
color: $card-md-header-color; color: $card-md-header-color;
@include deprecated-variable(padding, $card-md-header-padding) { @include padding($card-md-header-padding-top, $card-md-header-padding-end, $card-md-header-padding-bottom, $card-md-header-padding-start);
@include padding($card-md-header-padding-top, $card-md-header-padding-end, $card-md-header-padding-bottom, $card-md-header-padding-start);
}
} }

7
packages/core/src/components/card-header/card-header.wp.scss
View File

@ -8,9 +8,6 @@
/// @prop - Font size of the card header /// @prop - Font size of the card header
$card-wp-header-font-size: 1.6rem !default; $card-wp-header-font-size: 1.6rem !default;
// deprecated
$card-wp-header-padding: null !default;
/// @prop - Padding top of the card header /// @prop - Padding top of the card header
$card-wp-header-padding-top: 16px !default; $card-wp-header-padding-top: 16px !default;
@ -32,9 +29,7 @@ $card-wp-header-color: #222 !default;
color: $card-wp-header-color; color: $card-wp-header-color;
@include deprecated-variable(padding, $card-wp-header-padding) { @include padding($card-wp-header-padding-top, $card-wp-header-padding-end, $card-wp-header-padding-bottom, $card-wp-header-padding-start);
@include padding($card-wp-header-padding-top, $card-wp-header-padding-end, $card-wp-header-padding-bottom, $card-wp-header-padding-start);
}
} }

14
packages/core/src/components/card-title/card-title.ios.scss
View File

@ -8,9 +8,6 @@
/// @prop - Font size of the card title /// @prop - Font size of the card title
$card-ios-title-font-size: 1.8rem !default; $card-ios-title-font-size: 1.8rem !default;
// deprecated
$card-ios-title-padding: null !default;
/// @prop - Padding top of the card title /// @prop - Padding top of the card title
$card-ios-title-padding-top: 8px !default; $card-ios-title-padding-top: 8px !default;
@ -23,9 +20,6 @@ $card-ios-title-padding-bottom: 8px !default;
/// @prop - Padding start of the card title /// @prop - Padding start of the card title
$card-ios-title-padding-start: 0 !default; $card-ios-title-padding-start: 0 !default;
// deprecated
$card-ios-title-margin: null !default;
/// @prop - Margin top of the card title /// @prop - Margin top of the card title
$card-ios-title-margin-top: 2px !default; $card-ios-title-margin-top: 2px !default;
@ -49,13 +43,9 @@ $card-ios-title-text-color: #222 !default;
line-height: 1.2; line-height: 1.2;
color: $card-ios-title-text-color; color: $card-ios-title-text-color;
@include deprecated-variable(margin, $card-ios-title-margin) { @include margin($card-ios-title-margin-top, $card-ios-title-margin-end, $card-ios-title-margin-bottom, $card-ios-title-margin-start);
@include margin($card-ios-title-margin-top, $card-ios-title-margin-end, $card-ios-title-margin-bottom, $card-ios-title-margin-start);
}
@include deprecated-variable(padding, $card-ios-title-padding) { @include padding($card-ios-title-padding-top, $card-ios-title-padding-end, $card-ios-title-padding-bottom, $card-ios-title-padding-start);
@include padding($card-ios-title-padding-top, $card-ios-title-padding-end, $card-ios-title-padding-bottom, $card-ios-title-padding-start);
}
} }

14
packages/core/src/components/card-title/card-title.md.scss
View File

@ -8,9 +8,6 @@
/// @prop - Font size of the card title /// @prop - Font size of the card title
$card-md-title-font-size: 2.4rem !default; $card-md-title-font-size: 2.4rem !default;
// deprecated
$card-md-title-padding: null !default;
/// @prop - Padding top of the card title /// @prop - Padding top of the card title
$card-md-title-padding-top: 8px !default; $card-md-title-padding-top: 8px !default;
@ -23,9 +20,6 @@ $card-md-title-padding-bottom: 8px !default;
/// @prop - Padding start of the card title /// @prop - Padding start of the card title
$card-md-title-padding-start: 0 !default; $card-md-title-padding-start: 0 !default;
// deprecated
$card-md-title-margin: null !default;
/// @prop - Margin top of the card title /// @prop - Margin top of the card title
$card-md-title-margin-top: 2px !default; $card-md-title-margin-top: 2px !default;
@ -49,13 +43,9 @@ $card-md-title-text-color: #222 !default;
line-height: 1.2; line-height: 1.2;
color: $card-md-title-text-color; color: $card-md-title-text-color;
@include deprecated-variable(margin, $card-md-title-margin) { @include margin($card-md-title-margin-top, $card-md-title-margin-end, $card-md-title-margin-bottom, $card-md-title-margin-start);
@include margin($card-md-title-margin-top, $card-md-title-margin-end, $card-md-title-margin-bottom, $card-md-title-margin-start);
}
@include deprecated-variable(padding, $card-md-title-padding) { @include padding($card-md-title-padding-top, $card-md-title-padding-end, $card-md-title-padding-bottom, $card-md-title-padding-start);
@include padding($card-md-title-padding-top, $card-md-title-padding-end, $card-md-title-padding-bottom, $card-md-title-padding-start);
}
} }

14
packages/core/src/components/card-title/card-title.wp.scss
View File

@ -8,9 +8,6 @@
/// @prop - Font size of card title /// @prop - Font size of card title
$card-wp-title-font-size: 2.4rem !default; $card-wp-title-font-size: 2.4rem !default;
// deprecated
$card-wp-title-padding: null !default;
/// @prop - Padding top of the card title /// @prop - Padding top of the card title
$card-wp-title-padding-top: 8px !default; $card-wp-title-padding-top: 8px !default;
@ -23,9 +20,6 @@ $card-wp-title-padding-bottom: 8px !default;
/// @prop - Padding start of the card title /// @prop - Padding start of the card title
$card-wp-title-padding-start: 0 !default; $card-wp-title-padding-start: 0 !default;
// deprecated
$card-wp-title-margin: null !default;
/// @prop - Margin top of the card title /// @prop - Margin top of the card title
$card-wp-title-margin-top: 2px !default; $card-wp-title-margin-top: 2px !default;
@ -49,13 +43,9 @@ $card-wp-title-text-color: #222 !default;
line-height: 1.2; line-height: 1.2;
color: $card-wp-title-text-color; color: $card-wp-title-text-color;
@include deprecated-variable(margin, $card-wp-title-margin) { @include margin($card-wp-title-margin-top, $card-wp-title-margin-end, $card-wp-title-margin-bottom, $card-wp-title-margin-start);
@include margin($card-wp-title-margin-top, $card-wp-title-margin-end, $card-wp-title-margin-bottom, $card-wp-title-margin-start);
}
@include deprecated-variable(padding, $card-wp-title-padding) { @include padding($card-wp-title-padding-top, $card-wp-title-padding-end, $card-wp-title-padding-bottom, $card-wp-title-padding-start);
@include padding($card-wp-title-padding-top, $card-wp-title-padding-end, $card-wp-title-padding-bottom, $card-wp-title-padding-start);
}
} }

8
packages/core/src/components/card/card.ios.scss
View File

@ -8,18 +8,14 @@
/// @prop - Margin top of the card /// @prop - Margin top of the card
$card-ios-margin-top: 12px !default; $card-ios-margin-top: 12px !default;
// deprecated
$card-ios-margin-right: 12px !default;
/// @prop - Margin end of the card /// @prop - Margin end of the card
$card-ios-margin-end: $card-ios-margin-right !default; $card-ios-margin-end: 12px !default;
/// @prop - Margin bottom of the card /// @prop - Margin bottom of the card
$card-ios-margin-bottom: 12px !default; $card-ios-margin-bottom: 12px !default;
// deprecated
$card-ios-margin-left: 12px !default;
/// @prop - Margin start of the card /// @prop - Margin start of the card
$card-ios-margin-start: $card-ios-margin-left !default; $card-ios-margin-start: 12px !default;
/// @prop - Padding top of the media on the card /// @prop - Padding top of the media on the card
$card-ios-padding-media-top: 10px !default; $card-ios-padding-media-top: 10px !default;

8
packages/core/src/components/card/card.md.scss
View File

@ -8,18 +8,14 @@
/// @prop - Margin top of the card /// @prop - Margin top of the card
$card-md-margin-top: 10px !default; $card-md-margin-top: 10px !default;
// deprecated
$card-md-margin-right: 10px !default;
/// @prop - Margin end of the card /// @prop - Margin end of the card
$card-md-margin-end: $card-md-margin-right !default; $card-md-margin-end: 10px !default;
/// @prop - Margin bottom of the card /// @prop - Margin bottom of the card
$card-md-margin-bottom: 10px !default; $card-md-margin-bottom: 10px !default;
// deprecated
$card-md-margin-left: 10px !default;
/// @prop - Margin start of the card /// @prop - Margin start of the card
$card-md-margin-start: $card-md-margin-left !default; $card-md-margin-start: 10px !default;
/// @prop - Padding top of the media on the card /// @prop - Padding top of the media on the card
$card-md-padding-media-top: 10px !default; $card-md-padding-media-top: 10px !default;

8
packages/core/src/components/card/card.wp.scss
View File

@ -8,18 +8,14 @@
/// @prop - Margin top of the card /// @prop - Margin top of the card
$card-wp-margin-top: 8px !default; $card-wp-margin-top: 8px !default;
// deprecated
$card-wp-margin-right: 8px !default;
/// @prop - Margin end of the card /// @prop - Margin end of the card
$card-wp-margin-end: $card-wp-margin-right !default; $card-wp-margin-end: 8px !default;
/// @prop - Margin bottom of the card /// @prop - Margin bottom of the card
$card-wp-margin-bottom: 8px !default; $card-wp-margin-bottom: 8px !default;
// deprecated
$card-wp-margin-left: 8px !default;
/// @prop - Margin start of the card /// @prop - Margin start of the card
$card-wp-margin-start: $card-wp-margin-left !default; $card-wp-margin-start: 8px !default;
/// @prop - Padding top of the media on the card /// @prop - Padding top of the media on the card
$card-wp-padding-media-top: 10px !default; $card-wp-padding-media-top: 10px !default;

15
packages/core/src/components/checkbox/checkbox.ios.scss
View File

@ -40,9 +40,6 @@ $checkbox-ios-icon-checkmark-color: color-contrast($colors-ios, $checkbox-
/// @prop - Opacity of the disabled checkbox /// @prop - Opacity of the disabled checkbox
$checkbox-ios-disabled-opacity: .3 !default; $checkbox-ios-disabled-opacity: .3 !default;
// deprecated
$checkbox-ios-item-left-margin: null !default;
/// @prop - Margin top of the left checkbox item /// @prop - Margin top of the left checkbox item
$checkbox-ios-item-start-margin-top: $item-ios-padding-media-top !default; $checkbox-ios-item-start-margin-top: $item-ios-padding-media-top !default;
@ -55,9 +52,6 @@ $checkbox-ios-item-start-margin-bottom: $item-ios-padding-media-bottom !defaul
/// @prop - Margin start of the left checkbox item /// @prop - Margin start of the left checkbox item
$checkbox-ios-item-start-margin-start: 2px !default; $checkbox-ios-item-start-margin-start: 2px !default;
// deprecated
$checkbox-ios-item-right-margin: null !default;
/// @prop - Margin top of the right checkbox item /// @prop - Margin top of the right checkbox item
$checkbox-ios-item-end-margin-top: 10px !default; $checkbox-ios-item-end-margin-top: 10px !default;
@ -136,16 +130,11 @@ $checkbox-ios-item-end-margin-start: 0 !default;
position: static; position: static;
display: block; display: block;
@include deprecated-variable(margin, $checkbox-ios-item-left-margin) { @include margin($checkbox-ios-item-start-margin-top, $checkbox-ios-item-start-margin-end, $checkbox-ios-item-start-margin-bottom, $checkbox-ios-item-start-margin-start);
@include margin($checkbox-ios-item-start-margin-top, $checkbox-ios-item-start-margin-end, $checkbox-ios-item-start-margin-bottom, $checkbox-ios-item-start-margin-start);
}
} }
.item.item-ios .checkbox-ios[item-right], // deprecated
.item.item-ios .checkbox-ios[item-end] { .item.item-ios .checkbox-ios[item-end] {
@include deprecated-variable(margin, $checkbox-ios-item-right-margin) { @include margin($checkbox-ios-item-end-margin-top, $checkbox-ios-item-end-margin-end, $checkbox-ios-item-end-margin-bottom, $checkbox-ios-item-end-margin-start);
@include margin($checkbox-ios-item-end-margin-top, $checkbox-ios-item-end-margin-end, $checkbox-ios-item-end-margin-bottom, $checkbox-ios-item-end-margin-start);
}
} }

15
packages/core/src/components/checkbox/checkbox.md.scss
View File

@ -55,9 +55,6 @@ $checkbox-md-transition-duration: 280ms !default;
/// @prop - Transition easing of the checkbox /// @prop - Transition easing of the checkbox
$checkbox-md-transition-easing: cubic-bezier(.4, 0, .2, 1) !default; $checkbox-md-transition-easing: cubic-bezier(.4, 0, .2, 1) !default;
// deprecated
$checkbox-md-item-left-margin: null !default;
/// @prop - Margin top of the start checkbox item /// @prop - Margin top of the start checkbox item
$checkbox-md-item-start-margin-top: $item-md-padding-media-top !default; $checkbox-md-item-start-margin-top: $item-md-padding-media-top !default;
@ -70,9 +67,6 @@ $checkbox-md-item-start-margin-bottom: $item-md-padding-media-bottom !default;
/// @prop - Margin start of the start checkbox item /// @prop - Margin start of the start checkbox item
$checkbox-md-item-start-margin-start: 4px !default; $checkbox-md-item-start-margin-start: 4px !default;
// deprecated
$checkbox-md-item-right-margin: null !default;
/// @prop - Margin top of the end checkbox item /// @prop - Margin top of the end checkbox item
$checkbox-md-item-end-margin-top: 11px !default; $checkbox-md-item-end-margin-top: 11px !default;
@ -155,16 +149,11 @@ $checkbox-md-item-end-margin-start: 0 !default;
position: static; position: static;
display: block; display: block;
@include deprecated-variable(margin, $checkbox-md-item-left-margin) { @include margin($checkbox-md-item-start-margin-top, $checkbox-md-item-start-margin-end, $checkbox-md-item-start-margin-bottom, $checkbox-md-item-start-margin-start);
@include margin($checkbox-md-item-start-margin-top, $checkbox-md-item-start-margin-end, $checkbox-md-item-start-margin-bottom, $checkbox-md-item-start-margin-start);
}
} }
.item.item-md .checkbox-md[item-right], // deprecated
.item.item-md .checkbox-md[item-end] { .item.item-md .checkbox-md[item-end] {
@include deprecated-variable(margin, $checkbox-md-item-right-margin) { @include margin($checkbox-md-item-end-margin-top, $checkbox-md-item-end-margin-end, $checkbox-md-item-end-margin-bottom, $checkbox-md-item-end-margin-start);
@include margin($checkbox-md-item-end-margin-top, $checkbox-md-item-end-margin-end, $checkbox-md-item-end-margin-bottom, $checkbox-md-item-end-margin-start);
}
} }
.checkbox-md + .item-inner ion-label { .checkbox-md + .item-inner ion-label {

15
packages/core/src/components/checkbox/checkbox.wp.scss
View File

@ -49,9 +49,6 @@ $checkbox-wp-icon-border-color-off: #333 !default;
/// @prop - Border color of the checkbox icon when on /// @prop - Border color of the checkbox icon when on
$checkbox-wp-icon-border-color-on: color($colors-wp, primary) !default; $checkbox-wp-icon-border-color-on: color($colors-wp, primary) !default;
// deprecated
$checkbox-wp-item-left-margin: null !default;
/// @prop - Margin top of the start checkbox item /// @prop - Margin top of the start checkbox item
$checkbox-wp-item-start-margin-top: $item-wp-padding-media-top !default; $checkbox-wp-item-start-margin-top: $item-wp-padding-media-top !default;
@ -64,9 +61,6 @@ $checkbox-wp-item-start-margin-bottom: $item-wp-padding-media-bottom !default;
/// @prop - Margin start of the start checkbox item /// @prop - Margin start of the start checkbox item
$checkbox-wp-item-start-margin-start: 4px !default; $checkbox-wp-item-start-margin-start: 4px !default;
// deprecated
$checkbox-wp-item-right-margin: null !default;
/// @prop - Margin top of the end checkbox item /// @prop - Margin top of the end checkbox item
$checkbox-wp-item-end-margin-top: 11px !default; $checkbox-wp-item-end-margin-top: 11px !default;
@ -145,16 +139,11 @@ $checkbox-wp-item-end-margin-start: 0 !default;
position: static; position: static;
display: block; display: block;
@include deprecated-variable(margin, $checkbox-wp-item-left-margin) { @include margin($checkbox-wp-item-start-margin-top, $checkbox-wp-item-start-margin-end, $checkbox-wp-item-start-margin-bottom, $checkbox-wp-item-start-margin-start);
@include margin($checkbox-wp-item-start-margin-top, $checkbox-wp-item-start-margin-end, $checkbox-wp-item-start-margin-bottom, $checkbox-wp-item-start-margin-start);
}
} }
.item.item-wp .checkbox-wp[item-right], // deprecated
.item.item-wp .checkbox-wp[item-end] { .item.item-wp .checkbox-wp[item-end] {
@include deprecated-variable(margin, $checkbox-wp-item-right-margin) { @include margin($checkbox-wp-item-end-margin-top, $checkbox-wp-item-end-margin-end, $checkbox-wp-item-end-margin-bottom, $checkbox-wp-item-end-margin-start);
@include margin($checkbox-wp-item-end-margin-top, $checkbox-wp-item-end-margin-end, $checkbox-wp-item-end-margin-bottom, $checkbox-wp-item-end-margin-start);
}
} }
.checkbox-wp + .item-inner ion-label { .checkbox-wp + .item-inner ion-label {

8
packages/core/src/components/input/input.ios.scss
View File

@ -11,18 +11,14 @@ $text-input-ios-background-color: $list-ios-background-color !default;
/// @prop - Margin top of the input /// @prop - Margin top of the input
$text-input-ios-margin-top: $item-ios-padding-top !default; $text-input-ios-margin-top: $item-ios-padding-top !default;
// deprecated
$text-input-ios-margin-right: ($item-ios-padding-end / 2) !default;
/// @prop - Margin end of the input /// @prop - Margin end of the input
$text-input-ios-margin-end: $text-input-ios-margin-right !default; $text-input-ios-margin-end: ($item-ios-padding-end / 2) !default;
/// @prop - Margin bottom of the input /// @prop - Margin bottom of the input
$text-input-ios-margin-bottom: $item-ios-padding-bottom !default; $text-input-ios-margin-bottom: $item-ios-padding-bottom !default;
// deprecated
$text-input-ios-margin-left: 0 !default;
/// @prop - Margin start of the input /// @prop - Margin start of the input
$text-input-ios-margin-start: $text-input-ios-margin-left !default; $text-input-ios-margin-start: 0 !default;
/// @prop - Width of the icon used to clear the input /// @prop - Width of the icon used to clear the input
$text-input-ios-input-clear-icon-width: 30px !default; $text-input-ios-input-clear-icon-width: 30px !default;

8
packages/core/src/components/input/input.md.scss
View File

@ -11,18 +11,14 @@ $text-input-md-background-color: $list-md-background-color !default;
/// @prop - Margin top of the input /// @prop - Margin top of the input
$text-input-md-margin-top: $item-md-padding-top !default; $text-input-md-margin-top: $item-md-padding-top !default;
// deprecated
$text-input-md-margin-right: ($item-md-padding-end / 2) !default;
/// @prop - Margin end of the input /// @prop - Margin end of the input
$text-input-md-margin-end: $text-input-md-margin-right !default; $text-input-md-margin-end: ($item-md-padding-end / 2) !default;
/// @prop - Margin bottom of the input /// @prop - Margin bottom of the input
$text-input-md-margin-bottom: $item-md-padding-bottom !default; $text-input-md-margin-bottom: $item-md-padding-bottom !default;
// deprecated
$text-input-md-margin-left: ($item-md-padding-start / 2) !default;
/// @prop - Margin start of the input /// @prop - Margin start of the input
$text-input-md-margin-start: $text-input-md-margin-left !default; $text-input-md-margin-start: ($item-md-padding-start / 2) !default;
/// @prop - Width of the icon used to clear the input /// @prop - Width of the icon used to clear the input
$text-input-md-input-clear-icon-width: 30px !default; $text-input-md-input-clear-icon-width: 30px !default;

10
packages/core/src/components/input/input.wp.scss
View File

@ -17,18 +17,14 @@ $text-input-wp-border-width: 2px !default;
/// @prop - Margin top of the input /// @prop - Margin top of the input
$text-input-wp-margin-top: $item-wp-padding-top !default; $text-input-wp-margin-top: $item-wp-padding-top !default;
// deprecated
$text-input-wp-margin-right: ($item-wp-padding-end / 2) !default;
/// @prop - Margin end of the input /// @prop - Margin end of the input
$text-input-wp-margin-end: $text-input-wp-margin-right !default; $text-input-wp-margin-end: ($item-wp-padding-end / 2) !default;
/// @prop - Margin bottom of the input /// @prop - Margin bottom of the input
$text-input-wp-margin-bottom: $item-wp-padding-bottom !default; $text-input-wp-margin-bottom: $item-wp-padding-bottom !default;
// deprecated
$text-input-wp-margin-left: ($item-wp-padding-start / 2) !default;
/// @prop - Margin start of the input /// @prop - Margin start of the input
$text-input-wp-margin-start: $text-input-wp-margin-left !default; $text-input-wp-margin-start: ($item-wp-padding-start / 2) !default;
/// @prop - Vertical padding of the input /// @prop - Vertical padding of the input
$text-input-wp-padding-vertical: 0 !default; $text-input-wp-padding-vertical: 0 !default;
@ -134,8 +130,6 @@ $text-input-wp-highlight-color-invalid: $text-input-highlight-color-invalid
width: calc(100% - #{$text-input-wp-margin-end}); width: calc(100% - #{$text-input-wp-margin-end});
} }
.item-wp.item-label-stacked [item-right], // deprecated
.item-wp.item-label-floating [item-right], // deprecated
.item-wp.item-label-stacked [item-end], .item-wp.item-label-stacked [item-end],
.item-wp.item-label-floating [item-end] { .item-wp.item-label-floating [item-end] {
align-self: flex-end; align-self: flex-end;

7
packages/core/src/components/item/item.ios.scss
View File

@ -8,9 +8,6 @@
/// @prop - Font size of the item text /// @prop - Font size of the item text
$item-ios-body-text-font-size: 1.7rem !default; $item-ios-body-text-font-size: 1.7rem !default;
// deprecated
$item-ios-paragraph-margin: null !default;
/// @prop - Margin top of the item paragraph /// @prop - Margin top of the item paragraph
$item-ios-paragraph-margin-top: 0 !default; $item-ios-paragraph-margin-top: 0 !default;
@ -101,9 +98,7 @@ $item-ios-detail-push-svg: "<svg xmlns='http://www.w3.org/2000/sv
text-overflow: inherit; text-overflow: inherit;
color: $item-ios-paragraph-text-color; color: $item-ios-paragraph-text-color;
@include deprecated-variable(margin, $item-ios-paragraph-margin) { @include margin($item-ios-paragraph-margin-top, $item-ios-paragraph-margin-end, $item-ios-paragraph-margin-bottom, $item-ios-paragraph-margin-start);
@include margin($item-ios-paragraph-margin-top, $item-ios-paragraph-margin-end, $item-ios-paragraph-margin-bottom, $item-ios-paragraph-margin-start);
}
} }
.item-ios h2:last-child, .item-ios h2:last-child,

7
packages/core/src/components/label/label.ios.scss
View File

@ -11,9 +11,6 @@ $label-ios-text-color: null !default;
/// @prop - Text color of the stacked/floating label when it is focused /// @prop - Text color of the stacked/floating label when it is focused
$label-ios-text-color-focused: null !default; $label-ios-text-color-focused: null !default;
// deprecated
$label-ios-margin: null !default;
/// @prop - Margin top of the label /// @prop - Margin top of the label
$label-ios-margin-top: $item-ios-padding-top !default; $label-ios-margin-top: $item-ios-padding-top !default;
@ -31,9 +28,7 @@ $label-ios-margin-start: 0 !default;
// -------------------------------------------------- // --------------------------------------------------
.label-ios { .label-ios {
@include deprecated-variable(margin, $label-ios-margin) { @include margin($label-ios-margin-top, $label-ios-margin-end, $label-ios-margin-bottom, $label-ios-margin-start);
@include margin($label-ios-margin-top, $label-ios-margin-end, $label-ios-margin-bottom, $label-ios-margin-start);
}
} }

7
packages/core/src/components/label/label.md.scss
View File

@ -11,9 +11,6 @@ $label-md-text-color: #999 !default;
/// @prop - Text color of the stacked/floating label when it is focused /// @prop - Text color of the stacked/floating label when it is focused
$label-md-text-color-focused: color($colors-md, primary) !default; $label-md-text-color-focused: color($colors-md, primary) !default;
// deprecated
$label-md-margin: null !default;
/// @prop - Margin top of the label /// @prop - Margin top of the label
$label-md-margin-top: $item-md-padding-top !default; $label-md-margin-top: $item-md-padding-top !default;
@ -31,9 +28,7 @@ $label-md-margin-start: 0 !default;
// -------------------------------------------------- // --------------------------------------------------
.label-md { .label-md {
@include deprecated-variable(margin, $label-md-margin) { @include margin($label-md-margin-top, $label-md-margin-end, $label-md-margin-bottom, $label-md-margin-start);
@include margin($label-md-margin-top, $label-md-margin-end, $label-md-margin-bottom, $label-md-margin-start);
}
} }
// TODO uncomment this and get working // TODO uncomment this and get working

16
packages/core/src/components/list/list.ios.scss
View File

@ -8,34 +8,26 @@
/// @prop - Margin top of the list /// @prop - Margin top of the list
$list-ios-margin-top: 10px !default; $list-ios-margin-top: 10px !default;
// deprecated
$list-ios-margin-right: 0 !default;
/// @prop - Margin end of the list /// @prop - Margin end of the list
$list-ios-margin-end: $list-ios-margin-right !default; $list-ios-margin-end: 0 !default;
/// @prop - Margin bottom of the list /// @prop - Margin bottom of the list
$list-ios-margin-bottom: 32px !default; $list-ios-margin-bottom: 32px !default;
// deprecated
$list-ios-margin-left: 0 !default;
/// @prop - Margin start of the list /// @prop - Margin start of the list
$list-ios-margin-start: $list-ios-margin-left !default; $list-ios-margin-start: 0 !default;
/// @prop - Margin top of the inset list /// @prop - Margin top of the inset list
$list-inset-ios-margin-top: 16px !default; $list-inset-ios-margin-top: 16px !default;
// deprecated
$list-inset-ios-margin-right: 16px !default;
/// @prop - Margin end of the inset list /// @prop - Margin end of the inset list
$list-inset-ios-margin-end: $list-inset-ios-margin-right !default; $list-inset-ios-margin-end: 16px !default;
/// @prop - Margin bottom of the inset list /// @prop - Margin bottom of the inset list
$list-inset-ios-margin-bottom: 16px !default; $list-inset-ios-margin-bottom: 16px !default;
// deprecated
$list-inset-ios-margin-left: 16px !default;
/// @prop - Margin start of the inset list /// @prop - Margin start of the inset list
$list-inset-ios-margin-start: $list-inset-ios-margin-left !default; $list-inset-ios-margin-start: 16px !default;
/// @prop - Border radius of the inset list /// @prop - Border radius of the inset list
$list-inset-ios-border-radius: 4px !default; $list-inset-ios-border-radius: 4px !default;

16
packages/core/src/components/list/list.md.scss
View File

@ -8,34 +8,26 @@
/// @prop - Margin top of the list /// @prop - Margin top of the list
$list-md-margin-top: 16px !default; $list-md-margin-top: 16px !default;
// deprecated
$list-md-margin-right: 0 !default;
/// @prop - Margin end of the list /// @prop - Margin end of the list
$list-md-margin-end: $list-md-margin-right !default; $list-md-margin-end: 0 !default;
/// @prop - Margin bottom of the list /// @prop - Margin bottom of the list
$list-md-margin-bottom: 16px !default; $list-md-margin-bottom: 16px !default;
// deprecated
$list-md-margin-left: 0 !default;
/// @prop - Margin start of the list /// @prop - Margin start of the list
$list-md-margin-start: $list-md-margin-left !default; $list-md-margin-start: 0 !default;
/// @prop - Margin top of the inset list /// @prop - Margin top of the inset list
$list-inset-md-margin-top: 16px !default; $list-inset-md-margin-top: 16px !default;
// deprecated
$list-inset-md-margin-right: 16px !default;
/// @prop - Margin end of the inset list /// @prop - Margin end of the inset list
$list-inset-md-margin-end: $list-inset-md-margin-right !default; $list-inset-md-margin-end: 16px !default;
/// @prop - Margin bottom of the inset list /// @prop - Margin bottom of the inset list
$list-inset-md-margin-bottom: 16px !default; $list-inset-md-margin-bottom: 16px !default;
// deprecated
$list-inset-md-margin-left: 16px !default;
/// @prop - Margin start of the inset list /// @prop - Margin start of the inset list
$list-inset-md-margin-start: $list-inset-md-margin-left !default; $list-inset-md-margin-start: 16px !default;
/// @prop - Border radius of the inset list /// @prop - Border radius of the inset list
$list-inset-md-border-radius: 2px !default; $list-inset-md-border-radius: 2px !default;

16
packages/core/src/components/list/list.wp.scss
View File

@ -8,34 +8,26 @@
/// @prop - Margin top of the list /// @prop - Margin top of the list
$list-wp-margin-top: 16px !default; $list-wp-margin-top: 16px !default;
// deprecated
$list-wp-margin-right: 0 !default;
/// @prop - Margin end of the list /// @prop - Margin end of the list
$list-wp-margin-end: $list-wp-margin-right !default; $list-wp-margin-end: 0 !default;
/// @prop - Margin bottom of the list /// @prop - Margin bottom of the list
$list-wp-margin-bottom: 16px !default; $list-wp-margin-bottom: 16px !default;
// deprecated
$list-wp-margin-left: 0 !default;
/// @prop - Margin start of the list /// @prop - Margin start of the list
$list-wp-margin-start: $list-wp-margin-left !default; $list-wp-margin-start: 0 !default;
/// @prop - Margin top of the inset list /// @prop - Margin top of the inset list
$list-inset-wp-margin-top: 16px !default; $list-inset-wp-margin-top: 16px !default;
// deprecated
$list-inset-wp-margin-right: 16px !default;
/// @prop - Margin end of the inset list /// @prop - Margin end of the inset list
$list-inset-wp-margin-end: $list-inset-wp-margin-right !default; $list-inset-wp-margin-end: 16px !default;
/// @prop - Margin bottom of the inset list /// @prop - Margin bottom of the inset list
$list-inset-wp-margin-bottom: 16px !default; $list-inset-wp-margin-bottom: 16px !default;
// deprecated
$list-inset-wp-margin-left: 16px !default;
/// @prop - Margin start of the inset list /// @prop - Margin start of the inset list
$list-inset-wp-margin-start: $list-inset-wp-margin-left !default; $list-inset-wp-margin-start: 16px !default;
/// @prop - Border radius of the inset list /// @prop - Border radius of the inset list
$list-inset-wp-border-radius: 2px !default; $list-inset-wp-border-radius: 2px !default;

7
packages/core/src/components/loading/loading.ios.scss
View File

@ -5,9 +5,6 @@
// iOS Loading Indicator // iOS Loading Indicator
// -------------------------------------------------- // --------------------------------------------------
// deprecated
$loading-ios-padding: null !default;
/// @prop - Padding top of the loading wrapper /// @prop - Padding top of the loading wrapper
$loading-ios-padding-top: 24px !default; $loading-ios-padding-top: 24px !default;
@ -66,9 +63,7 @@ $loading-ios-spinner-dots-color: $loading-ios-spinner-color !default;
color: $loading-ios-text-color; color: $loading-ios-text-color;
background: $loading-ios-background; background: $loading-ios-background;
@include deprecated-variable(padding, $loading-ios-padding) { @include padding($loading-ios-padding-top, $loading-ios-padding-end, $loading-ios-padding-bottom, $loading-ios-padding-start);
@include padding($loading-ios-padding-top, $loading-ios-padding-end, $loading-ios-padding-bottom, $loading-ios-padding-start);
}
} }

7
packages/core/src/components/loading/loading.md.scss
View File

@ -5,9 +5,6 @@
// Material Design Loading Indicator // Material Design Loading Indicator
// -------------------------------------------------- // --------------------------------------------------
// deprecated
$loading-md-padding: null !default;
/// @prop - Padding top of the loading wrapper /// @prop - Padding top of the loading wrapper
$loading-md-padding-top: 24px !default; $loading-md-padding-top: 24px !default;
@ -71,9 +68,7 @@ $loading-md-spinner-dots-color: $loading-md-spinner-color !default;
box-shadow: $loading-md-box-shadow; box-shadow: $loading-md-box-shadow;
@include deprecated-variable(padding, $loading-md-padding) { @include padding($loading-md-padding-top, $loading-md-padding-end, $loading-md-padding-bottom, $loading-md-padding-start);
@include padding($loading-md-padding-top, $loading-md-padding-end, $loading-md-padding-bottom, $loading-md-padding-start);
}
} }

7
packages/core/src/components/loading/loading.wp.scss
View File

@ -5,9 +5,6 @@
// Windows Loading Indicator // Windows Loading Indicator
// -------------------------------------------------- // --------------------------------------------------
// deprecated
$loading-wp-padding: null !default;
/// @prop - Padding top of the loading wrapper /// @prop - Padding top of the loading wrapper
$loading-wp-padding-top: 20px !default; $loading-wp-padding-top: 20px !default;
@ -63,9 +60,7 @@ $loading-wp-spinner-dots-color: $loading-wp-spinner-color !default;
color: $loading-wp-text-color; color: $loading-wp-text-color;
background: $loading-wp-background; background: $loading-wp-background;
@include deprecated-variable(padding, $loading-wp-padding) { @include padding($loading-wp-padding-top, $loading-wp-padding-end, $loading-wp-padding-bottom, $loading-wp-padding-start);
@include padding($loading-wp-padding-top, $loading-wp-padding-end, $loading-wp-padding-bottom, $loading-wp-padding-start);
}
} }

7
packages/core/src/components/searchbar/searchbar.md.scss
View File

@ -4,9 +4,6 @@
// Material Design Searchbar // Material Design Searchbar
// -------------------------------------------------- // --------------------------------------------------
// deprecated
$searchbar-md-padding: null !default;
/// @prop - Padding top of the searchbar /// @prop - Padding top of the searchbar
$searchbar-md-padding-top: 8px !default; $searchbar-md-padding-top: 8px !default;
@ -68,9 +65,7 @@ $searchbar-md-input-clear-icon-size: 22px !default;
.searchbar-md { .searchbar-md {
background: $searchbar-md-background-color; background: $searchbar-md-background-color;
@include deprecated-variable(padding, $searchbar-md-padding) { @include padding($searchbar-md-padding-top, $searchbar-md-padding-end, $searchbar-md-padding-bottom, $searchbar-md-padding-start);
@include padding($searchbar-md-padding-top, $searchbar-md-padding-end, $searchbar-md-padding-bottom, $searchbar-md-padding-start);
}
} }

7
packages/core/src/components/searchbar/searchbar.wp.scss
View File

@ -4,9 +4,6 @@
// Windows Searchbar // Windows Searchbar
// -------------------------------------------------- // --------------------------------------------------
// deprecated
$searchbar-wp-padding: null !default;
/// @prop - Padding top of the searchbar /// @prop - Padding top of the searchbar
$searchbar-wp-padding-top: 8px !default; $searchbar-wp-padding-top: 8px !default;
@ -86,9 +83,7 @@ $searchbar-wp-input-clear-icon-size: 22px !default;
.searchbar-wp { .searchbar-wp {
background: $searchbar-wp-background-color; background: $searchbar-wp-background-color;
@include deprecated-variable(padding, $searchbar-wp-padding) { @include padding($searchbar-wp-padding-top, $searchbar-wp-padding-end, $searchbar-wp-padding-bottom, $searchbar-wp-padding-start);
@include padding($searchbar-wp-padding-top, $searchbar-wp-padding-end, $searchbar-wp-padding-bottom, $searchbar-wp-padding-start);
}
} }
.searchbar-wp .searchbar-input-container { .searchbar-wp .searchbar-input-container {

7
packages/core/src/components/segment/segment.md.scss
View File

@ -25,9 +25,6 @@ $segment-button-md-opacity-activated: 1 !default;
/// @prop - Opacity of the disabled segment button /// @prop - Opacity of the disabled segment button
$segment-button-md-opacity-disabled: .3 !default; $segment-button-md-opacity-disabled: .3 !default;
// deprecated
$segment-button-md-padding: null !default;
/// @prop - Padding top of the segment button /// @prop - Padding top of the segment button
$segment-button-md-padding-top: 0 !default; $segment-button-md-padding-top: 0 !default;
@ -81,9 +78,7 @@ $segment-button-md-icon-line-height: $segment-button-md-line-height !d
opacity: $segment-button-md-opacity; opacity: $segment-button-md-opacity;
transition: 100ms all linear; transition: 100ms all linear;
@include deprecated-variable(padding, $segment-button-md-padding) { @include padding($segment-button-md-padding-top, $segment-button-md-padding-end, $segment-button-md-padding-bottom, $segment-button-md-padding-start);
@include padding($segment-button-md-padding-top, $segment-button-md-padding-end, $segment-button-md-padding-bottom, $segment-button-md-padding-start);
}
ion-icon { ion-icon {
font-size: $segment-button-md-icon-size; font-size: $segment-button-md-icon-size;

7
packages/core/src/components/segment/segment.wp.scss
View File

@ -10,9 +10,6 @@ $segment-button-wp-background-color: transparent !default;
/// @prop - Text color of the activated segment button /// @prop - Text color of the activated segment button
$segment-button-wp-text-color-activated: $toolbar-wp-text-color !default; $segment-button-wp-text-color-activated: $toolbar-wp-text-color !default;
// deprecated
$segment-button-wp-padding: null !default;
/// @prop - Padding top of the segment button /// @prop - Padding top of the segment button
$segment-button-wp-padding-top: 0 !default; $segment-button-wp-padding-top: 0 !default;
@ -76,9 +73,7 @@ $segment-button-wp-buttons-justify-content: flex-start !default;
background-color: $segment-button-wp-background-color; background-color: $segment-button-wp-background-color;
opacity: $segment-button-wp-opacity; opacity: $segment-button-wp-opacity;
@include deprecated-variable(padding, $segment-button-wp-padding) { @include padding($segment-button-wp-padding-top, $segment-button-wp-padding-end, $segment-button-wp-padding-bottom, $segment-button-wp-padding-start);
@include padding($segment-button-wp-padding-top, $segment-button-wp-padding-end, $segment-button-wp-padding-bottom, $segment-button-wp-padding-start);
}
&.segment-activated { &.segment-activated {
opacity: $segment-button-wp-opacity-activated; opacity: $segment-button-wp-opacity-activated;

11
packages/core/src/components/tabs/tabs.ios.scss
View File

@ -7,9 +7,6 @@
/// @prop - Border on the tabbar (border-top when [tabsPlacement=bottom] and border-bottom when [tabsPlacement=top]) /// @prop - Border on the tabbar (border-top when [tabsPlacement=bottom] and border-bottom when [tabsPlacement=top])
$tabs-ios-border: $hairlines-width solid $tabs-ios-border-color !default; $tabs-ios-border: $hairlines-width solid $tabs-ios-border-color !default;
// deprecated
$tabs-ios-tab-padding: null !default;
/// @prop - Padding top on the tab button /// @prop - Padding top on the tab button
$tabs-ios-tab-padding-top: 0 !default; $tabs-ios-tab-padding-top: 0 !default;
@ -66,9 +63,7 @@ $tabs-ios-tab-icon-size: 30px !default;
font-size: $tabs-ios-tab-font-size; font-size: $tabs-ios-tab-font-size;
color: $tabs-ios-tab-text-color; color: $tabs-ios-tab-text-color;
@include deprecated-variable(padding, $tabs-ios-tab-padding) { @include padding($tabs-ios-tab-padding-top, $tabs-ios-tab-padding-end, $tabs-ios-tab-padding-bottom, $tabs-ios-tab-padding-start);
@include padding($tabs-ios-tab-padding-top, $tabs-ios-tab-padding-end, $tabs-ios-tab-padding-bottom, $tabs-ios-tab-padding-start);
}
} }
.tabs-ios .tab-button:hover:not(.disable-hover), .tabs-ios .tab-button:hover:not(.disable-hover),
@ -105,16 +100,12 @@ $tabs-ios-tab-icon-size: 30px !default;
vertical-align: top; vertical-align: top;
} }
.tabs-ios[tabsLayout=icon-right] .tab-button .tab-button-text, // deprecated
.tabs-ios[tabsLayout=icon-left] .tab-button .tab-button-text, // deprecated
.tabs-ios[tabsLayout=icon-end] .tab-button .tab-button-text, .tabs-ios[tabsLayout=icon-end] .tab-button .tab-button-text,
.tabs-ios[tabsLayout=icon-start] .tab-button .tab-button-text { .tabs-ios[tabsLayout=icon-start] .tab-button .tab-button-text {
font-size: 1.4rem; font-size: 1.4rem;
line-height: 1.1; line-height: 1.1;
} }
.tabs-ios[tabsLayout=icon-right] .tab-button ion-icon, // deprecated
.tabs-ios[tabsLayout=icon-left] .tab-button ion-icon, // deprecated
.tabs-ios[tabsLayout=icon-end] .tab-button ion-icon, .tabs-ios[tabsLayout=icon-end] .tab-button ion-icon,
.tabs-ios[tabsLayout=icon-start] .tab-button ion-icon { .tabs-ios[tabsLayout=icon-start] .tab-button ion-icon {
min-width: 24px; min-width: 24px;

65
packages/core/src/components/tabs/tabs.md.scss
View File

@ -5,9 +5,6 @@
// Material Design Tabs // Material Design Tabs
// -------------------------------------------------- // --------------------------------------------------
// deprecated
$tabs-md-tab-padding: null !default;
/// @prop - Padding top on the tab button /// @prop - Padding top on the tab button
$tabs-md-tab-padding-top: 0 !default; $tabs-md-tab-padding-top: 0 !default;
@ -44,9 +41,6 @@ $tabs-md-tab-icon-color: rgba($tabs-md-tab-color-inactive,
/// @prop - Icon color of the active tab button /// @prop - Icon color of the active tab button
$tabs-md-tab-icon-color-active: $tabs-md-tab-color-active !default; $tabs-md-tab-icon-color-active: $tabs-md-tab-color-active !default;
// deprecated
$tabs-md-tab-padding-active: null !default;
/// @prop - Padding top of the active tab button /// @prop - Padding top of the active tab button
$tabs-md-tab-padding-active-top: 0 !default; $tabs-md-tab-padding-active-top: 0 !default;
@ -62,9 +56,6 @@ $tabs-md-tab-padding-active-start: $tabs-md-tab-padding-active-end !d
/// @prop - Font size of the active tab button text /// @prop - Font size of the active tab button text
$tabs-md-tab-font-size-active: 1.4rem !default; $tabs-md-tab-font-size-active: 1.4rem !default;
// deprecated
$tabs-md-tab-text-margin: null !default;
/// @prop - Margin top on the tab button text /// @prop - Margin top on the tab button text
$tabs-md-tab-text-margin-top: 0 !default; $tabs-md-tab-text-margin-top: 0 !default;
@ -80,9 +71,6 @@ $tabs-md-tab-text-margin-start: $tabs-md-tab-text-margin-end !defa
/// @prop - Capitalization of the tab button text /// @prop - Capitalization of the tab button text
$tabs-md-tab-text-capitalization: none !default; $tabs-md-tab-text-capitalization: none !default;
// deprecated
$tabs-md-tab-text-transform-origin: null !default;
/// @prop - Transform origin x for the tab button text /// @prop - Transform origin x for the tab button text
$tabs-md-tab-text-transform-origin-x: 50% !default; $tabs-md-tab-text-transform-origin-x: 50% !default;
@ -95,9 +83,6 @@ $tabs-md-tab-text-transform-active: scale3d($tabs-md-tab-font-size-act
/// @prop - Text transition for the tab button text /// @prop - Text transition for the tab button text
$tabs-md-tab-text-transition: transform .3s ease-in-out !default; $tabs-md-tab-text-transition: transform .3s ease-in-out !default;
// deprecated
$tabs-md-tab-icon-transform-active: null !default;
/// @prop - Transform x for the active tab button icon when the layout is icon-top, icon-only, or title-only /// @prop - Transform x for the active tab button icon when the layout is icon-top, icon-only, or title-only
$tabs-md-tab-icon-transform-x-active: 0 !default; $tabs-md-tab-icon-transform-x-active: 0 !default;
@ -107,9 +92,6 @@ $tabs-md-tab-icon-transform-y-active: -2px !default;
/// @prop - Transform z for the active tab button icon when the layout is icon-top, icon-only, or title-only /// @prop - Transform z for the active tab button icon when the layout is icon-top, icon-only, or title-only
$tabs-md-tab-icon-transform-z-active: 0 !default; $tabs-md-tab-icon-transform-z-active: 0 !default;
// deprecated
$tabs-md-tab-icon-end-transform-active: null !default;
/// @prop - Transform x for the active tab button icon when the layout is icon-right /// @prop - Transform x for the active tab button icon when the layout is icon-right
$tabs-md-tab-icon-right-transform-x-active: 2px !default; $tabs-md-tab-icon-right-transform-x-active: 2px !default;
@ -119,9 +101,6 @@ $tabs-md-tab-icon-right-transform-y-active: 0 !default;
/// @prop - Transform z for the active tab button icon when the layout is icon-right /// @prop - Transform z for the active tab button icon when the layout is icon-right
$tabs-md-tab-icon-right-transform-z-active: 0 !default; $tabs-md-tab-icon-right-transform-z-active: 0 !default;
// deprecated
$tabs-md-tab-icon-bottom-transform-active: null !default;
/// @prop - Transform x for the active tab button icon when the layout is icon-bottom /// @prop - Transform x for the active tab button icon when the layout is icon-bottom
$tabs-md-tab-icon-bottom-transform-x-active: 0 !default; $tabs-md-tab-icon-bottom-transform-x-active: 0 !default;
@ -131,9 +110,6 @@ $tabs-md-tab-icon-bottom-transform-y-active: 2px !default;
/// @prop - Transform z for the active tab button icon when the layout is icon-bottom /// @prop - Transform z for the active tab button icon when the layout is icon-bottom
$tabs-md-tab-icon-bottom-transform-z-active: 0 !default; $tabs-md-tab-icon-bottom-transform-z-active: 0 !default;
// deprecated
$tabs-md-tab-icon-start-transform-active: null !default;
/// @prop - Transform x for the active tab button icon when the layout is icon-left /// @prop - Transform x for the active tab button icon when the layout is icon-left
$tabs-md-tab-icon-left-transform-x-active: -2px !default; $tabs-md-tab-icon-left-transform-x-active: -2px !default;
@ -143,9 +119,6 @@ $tabs-md-tab-icon-left-transform-y-active: 0 !default;
/// @prop - Transform z for the active tab button icon when the layout is icon-left /// @prop - Transform z for the active tab button icon when the layout is icon-left
$tabs-md-tab-icon-left-transform-z-active: 0 !default; $tabs-md-tab-icon-left-transform-z-active: 0 !default;
// deprecated
$tabs-md-tab-icon-transform-origin: null !default;
/// @prop - Transform origin x for the tab button text /// @prop - Transform origin x for the tab button text
$tabs-md-tab-icon-transform-origin-x: 50% !default; $tabs-md-tab-icon-transform-origin-x: 50% !default;
@ -173,17 +146,13 @@ $tabs-md-tab-icon-size: 2.4rem !default;
font-weight: $tabs-md-tab-font-weight; font-weight: $tabs-md-tab-font-weight;
color: $tabs-md-tab-text-color; color: $tabs-md-tab-text-color;
@include deprecated-variable(padding, $tabs-md-tab-padding) { @include padding($tabs-md-tab-padding-top, $tabs-md-tab-padding-end, $tabs-md-tab-padding-bottom, $tabs-md-tab-padding-start);
@include padding($tabs-md-tab-padding-top, $tabs-md-tab-padding-end, $tabs-md-tab-padding-bottom, $tabs-md-tab-padding-start);
}
} }
.tabs-md .tab-button[aria-selected=true] { .tabs-md .tab-button[aria-selected=true] {
color: $tabs-md-tab-text-color-active; color: $tabs-md-tab-text-color-active;
@include deprecated-variable(padding, $tabs-md-tab-padding-active) { @include padding($tabs-md-tab-padding-active-top, $tabs-md-tab-padding-active-end, $tabs-md-tab-padding-active-bottom, $tabs-md-tab-padding-active-start);
@include padding($tabs-md-tab-padding-active-top, $tabs-md-tab-padding-active-end, $tabs-md-tab-padding-active-bottom, $tabs-md-tab-padding-active-start);
}
} }
@ -196,13 +165,9 @@ $tabs-md-tab-icon-size: 2.4rem !default;
text-transform: $tabs-md-tab-text-capitalization; text-transform: $tabs-md-tab-text-capitalization;
transition: $tabs-md-tab-text-transition; transition: $tabs-md-tab-text-transition;
@include deprecated-variable(margin, $tabs-md-tab-text-margin) { @include margin($tabs-md-tab-text-margin-top, $tabs-md-tab-text-margin-end, $tabs-md-tab-text-margin-bottom, $tabs-md-tab-text-margin-start);
@include margin($tabs-md-tab-text-margin-top, $tabs-md-tab-text-margin-end, $tabs-md-tab-text-margin-bottom, $tabs-md-tab-text-margin-start);
}
@include deprecated-variable(transform-origin, $tabs-md-tab-text-transform-origin) { @include transform-origin($tabs-md-tab-text-transform-origin-x, $tabs-md-tab-text-transform-origin-y);
@include transform-origin($tabs-md-tab-text-transform-origin-x, $tabs-md-tab-text-transform-origin-y);
}
} }
.tabs-md .tab-button[aria-selected=true] .tab-button-text { .tabs-md .tab-button[aria-selected=true] .tab-button-text {
@ -233,41 +198,29 @@ $tabs-md-tab-icon-size: 2.4rem !default;
transition: $tabs-md-tab-icon-transition; transition: $tabs-md-tab-icon-transition;
@include deprecated-variable(transform-origin, $tabs-md-tab-icon-transform-origin) { @include transform-origin($tabs-md-tab-icon-transform-origin-x, $tabs-md-tab-icon-transform-origin-y);
@include transform-origin($tabs-md-tab-icon-transform-origin-x, $tabs-md-tab-icon-transform-origin-y);
}
} }
// Tab layout: icon-top, icon-only, title-only // Tab layout: icon-top, icon-only, title-only
.tabs-md .tab-button[aria-selected=true] .tab-button-icon { .tabs-md .tab-button[aria-selected=true] .tab-button-icon {
color: $tabs-md-tab-icon-color-active; color: $tabs-md-tab-icon-color-active;
@include deprecated-variable(transform, $tabs-md-tab-icon-transform-active) { @include transform(translate3d($tabs-md-tab-icon-transform-x-active, $tabs-md-tab-icon-transform-y-active, $tabs-md-tab-icon-transform-z-active));
@include transform(translate3d($tabs-md-tab-icon-transform-x-active, $tabs-md-tab-icon-transform-y-active, $tabs-md-tab-icon-transform-z-active));
}
} }
// Tab layout: icon-end // Tab layout: icon-end
.tabs-md[tabsLayout=icon-right] .tab-button[aria-selected=true] .tab-button-icon, // deprecated
.tabs-md[tabsLayout=icon-end] .tab-button[aria-selected=true] .tab-button-icon { .tabs-md[tabsLayout=icon-end] .tab-button[aria-selected=true] .tab-button-icon {
@include deprecated-variable(transform, $tabs-md-tab-icon-end-transform-active) { @include transform(translate3d($tabs-md-tab-icon-right-transform-x-active, $tabs-md-tab-icon-right-transform-y-active, $tabs-md-tab-icon-right-transform-z-active));
@include transform(translate3d($tabs-md-tab-icon-right-transform-x-active, $tabs-md-tab-icon-right-transform-y-active, $tabs-md-tab-icon-right-transform-z-active));
}
} }
// Tab layout: icon-bottom // Tab layout: icon-bottom
.tabs-md[tabsLayout=icon-bottom] .tab-button[aria-selected=true] .tab-button-icon { .tabs-md[tabsLayout=icon-bottom] .tab-button[aria-selected=true] .tab-button-icon {
@include deprecated-variable(transform, $tabs-md-tab-icon-bottom-transform-active) { @include transform(translate3d($tabs-md-tab-icon-bottom-transform-x-active, $tabs-md-tab-icon-bottom-transform-y-active, $tabs-md-tab-icon-bottom-transform-z-active));
@include transform(translate3d($tabs-md-tab-icon-bottom-transform-x-active, $tabs-md-tab-icon-bottom-transform-y-active, $tabs-md-tab-icon-bottom-transform-z-active));
}
} }
// Tab layout: icon-start // Tab layout: icon-start
.tabs-md[tabsLayout=icon-left] .tab-button[aria-selected=true] .tab-button-icon, // deprecated
.tabs-md[tabsLayout=icon-start] .tab-button[aria-selected=true] .tab-button-icon { .tabs-md[tabsLayout=icon-start] .tab-button[aria-selected=true] .tab-button-icon {
@include deprecated-variable(transform, $tabs-md-tab-icon-start-transform-active) { @include transform(translate3d($tabs-md-tab-icon-left-transform-x-active, $tabs-md-tab-icon-left-transform-y-active, $tabs-md-tab-icon-left-transform-z-active));
@include transform(translate3d($tabs-md-tab-icon-left-transform-x-active, $tabs-md-tab-icon-left-transform-y-active, $tabs-md-tab-icon-left-transform-z-active));
}
} }

6
packages/core/src/components/tabs/tabs.scss
View File

@ -96,20 +96,16 @@
order: 10; order: 10;
} }
[tabsLayout=icon-left] .tab-button, // deprecated
[tabsLayout=icon-right] .tab-button, // deprecated
[tabsLayout=icon-start] .tab-button, [tabsLayout=icon-start] .tab-button,
[tabsLayout=icon-end] .tab-button { [tabsLayout=icon-end] .tab-button {
flex-direction: row; flex-direction: row;
} }
[tabsLayout=icon-left] .tab-button .tab-button-icon, // deprecated
[tabsLayout=icon-start] .tab-button .tab-button-icon { [tabsLayout=icon-start] .tab-button .tab-button-icon {
@include padding-horizontal(null, 8px); @include padding-horizontal(null, 8px);
@include text-align(end); @include text-align(end);
} }
[tabsLayout=icon-right] .tab-button .tab-button-icon, // deprecated
[tabsLayout=icon-end] .tab-button .tab-button-icon { [tabsLayout=icon-end] .tab-button .tab-button-icon {
@include padding-horizontal(8px, null); @include padding-horizontal(8px, null);
@include text-align(start); @include text-align(start);
@ -145,8 +141,6 @@
} }
[tabsLayout=icon-bottom] .tab-badge, [tabsLayout=icon-bottom] .tab-badge,
[tabsLayout=icon-left] .tab-badge, // deprecated
[tabsLayout=icon-right] .tab-badge, // deprecated
[tabsLayout=icon-start] .tab-badge, [tabsLayout=icon-start] .tab-badge,
[tabsLayout=icon-end] .tab-badge { [tabsLayout=icon-end] .tab-badge {
@include position(null, calc(50% - 50px), null, null); @include position(null, calc(50% - 50px), null, null);

11
packages/core/src/components/tabs/tabs.wp.scss
View File

@ -5,9 +5,6 @@
// Windows Tabs // Windows Tabs
// -------------------------------------------------- // --------------------------------------------------
// deprecated
$tabs-wp-tab-padding: null !default;
/// @prop - Padding top on the tab button /// @prop - Padding top on the tab button
$tabs-wp-tab-padding-top: 12px !default; $tabs-wp-tab-padding-top: 12px !default;
@ -72,9 +69,7 @@ $tabs-wp-tab-icon-size: 2.4rem !default;
color: $tabs-wp-tab-color; color: $tabs-wp-tab-color;
box-shadow: none; box-shadow: none;
@include deprecated-variable(padding, $tabs-wp-tab-padding) { @include padding($tabs-wp-tab-padding-top, $tabs-wp-tab-padding-end, $tabs-wp-tab-padding-bottom, $tabs-wp-tab-padding-start);
@include padding($tabs-wp-tab-padding-top, $tabs-wp-tab-padding-end, $tabs-wp-tab-padding-bottom, $tabs-wp-tab-padding-start);
}
} }
.tabs-wp .tab-button[aria-selected=true] { .tabs-wp .tab-button[aria-selected=true] {
@ -123,15 +118,11 @@ $tabs-wp-tab-icon-size: 2.4rem !default;
@include padding(8px, null, 8px, null); @include padding(8px, null, 8px, null);
} }
.tabs-wp[tabsLayout=icon-right] .tab-button, // deprecated
.tabs-wp[tabsLayout=icon-left] .tab-button, // deprecated
.tabs-wp[tabsLayout=icon-end] .tab-button, .tabs-wp[tabsLayout=icon-end] .tab-button,
.tabs-wp[tabsLayout=icon-start] .tab-button { .tabs-wp[tabsLayout=icon-start] .tab-button {
@include padding(null, null, 10px, null); @include padding(null, null, 10px, null);
} }
.tabs-wp[tabsLayout=icon-right] .tab-button ion-icon, // deprecated
.tabs-wp[tabsLayout=icon-left] .tab-button ion-icon, // deprecated
.tabs-wp[tabsLayout=icon-end] .tab-button ion-icon, .tabs-wp[tabsLayout=icon-end] .tab-button ion-icon,
.tabs-wp[tabsLayout=icon-start] .tab-button ion-icon { .tabs-wp[tabsLayout=icon-start] .tab-button ion-icon {
min-width: 24px; min-width: 24px;

7
packages/core/src/components/title/title.wp.scss
View File

@ -5,9 +5,6 @@
// Windows Title // Windows Title
// -------------------------------------------------- // --------------------------------------------------
// deprecated
$toolbar-wp-title-padding: null !default;
/// @prop - Padding top of the toolbar title /// @prop - Padding top of the toolbar title
$toolbar-wp-title-padding-top: 0 !default; $toolbar-wp-title-padding-top: 0 !default;
@ -39,9 +36,7 @@ $toolbar-wp-title-text-color: color-contrast($colors-wp, $toolbar-wp-
text-transform: $toolbar-wp-title-text-transform; text-transform: $toolbar-wp-title-text-transform;
color: $toolbar-wp-title-text-color; color: $toolbar-wp-title-text-color;
@include deprecated-variable(padding, $toolbar-wp-title-padding) { @include padding($toolbar-wp-title-padding-top, $toolbar-wp-title-padding-end, $toolbar-wp-title-padding-bottom, $toolbar-wp-title-padding-start);
@include padding($toolbar-wp-title-padding-top, $toolbar-wp-title-padding-end, $toolbar-wp-title-padding-bottom, $toolbar-wp-title-padding-start);
}
} }
@each $color-name, $color-base, $color-contrast in get-colors($colors-wp) { @each $color-name, $color-base, $color-contrast in get-colors($colors-wp) {

7
packages/core/src/components/toast/toast.ios.scss
View File

@ -16,9 +16,6 @@ $toast-ios-title-color: #fff !default;
/// @prop - Font size of the toast title /// @prop - Font size of the toast title
$toast-ios-title-font-size: 1.4rem !default; $toast-ios-title-font-size: 1.4rem !default;
// deprecated
$toast-ios-title-padding: null !default;
/// @prop - Padding top of the toast title /// @prop - Padding top of the toast title
$toast-ios-title-padding-top: 1.5rem !default; $toast-ios-title-padding-top: 1.5rem !default;
@ -68,7 +65,5 @@ $toast-ios-title-padding-start: $toast-ios-title-padding-end !
color: $toast-ios-title-color; color: $toast-ios-title-color;
@include deprecated-variable(padding, $toast-ios-title-padding) { @include padding($toast-ios-title-padding-top, $toast-ios-title-padding-end, $toast-ios-title-padding-bottom, $toast-ios-title-padding-start);
@include padding($toast-ios-title-padding-top, $toast-ios-title-padding-end, $toast-ios-title-padding-bottom, $toast-ios-title-padding-start);
}
} }

7
packages/core/src/components/toast/toast.md.scss
View File

@ -13,9 +13,6 @@ $toast-md-title-color: #fff !default;
/// @prop - Font size of the toast title /// @prop - Font size of the toast title
$toast-md-title-font-size: 1.5rem !default; $toast-md-title-font-size: 1.5rem !default;
// deprecated
$toast-md-title-padding: null !default;
/// @prop - Padding top of the toast title /// @prop - Padding top of the toast title
$toast-md-title-padding-top: 19px !default; $toast-md-title-padding-top: 19px !default;
@ -65,7 +62,5 @@ $toast-md-title-padding-start: $toast-md-title-padding-end !de
color: $toast-md-title-color; color: $toast-md-title-color;
@include deprecated-variable(padding, $toast-md-title-padding) { @include padding($toast-md-title-padding-top, $toast-md-title-padding-end, $toast-md-title-padding-bottom, $toast-md-title-padding-start);
@include padding($toast-md-title-padding-top, $toast-md-title-padding-end, $toast-md-title-padding-bottom, $toast-md-title-padding-start);
}
} }

7
packages/core/src/components/toast/toast.wp.scss
View File

@ -19,9 +19,6 @@ $toast-wp-title-color: #fff !default;
/// @prop - Font size of the toast title /// @prop - Font size of the toast title
$toast-wp-title-font-size: 1.4rem !default; $toast-wp-title-font-size: 1.4rem !default;
// deprecated
$toast-wp-title-padding: null !default;
/// @prop - Padding top of the toast title /// @prop - Padding top of the toast title
$toast-wp-title-padding-top: 1.5rem !default; $toast-wp-title-padding-top: 1.5rem !default;
@ -71,9 +68,7 @@ $toast-wp-title-padding-start: $toast-wp-title-padding-end !de
color: $toast-wp-title-color; color: $toast-wp-title-color;
@include deprecated-variable(padding, $toast-wp-title-padding) { @include padding($toast-wp-title-padding-top, $toast-wp-title-padding-end, $toast-wp-title-padding-bottom, $toast-wp-title-padding-start);
@include padding($toast-wp-title-padding-top, $toast-wp-title-padding-end, $toast-wp-title-padding-bottom, $toast-wp-title-padding-start);
}
} }
.toast-button { .toast-button {

8
packages/core/src/themes/ionic.theme.dark.ios.scss
View File

@ -69,13 +69,9 @@ $item-ios-divider-color: $text-color !default;
// -------------------------------------------------- // --------------------------------------------------
$item-ios-padding-top: 11px !default; $item-ios-padding-top: 11px !default;
// deprecated $item-ios-padding-end: 16px !default;
$item-ios-padding-right: 16px !default;
$item-ios-padding-end: $item-ios-padding-right !default;
$item-ios-padding-bottom: 11px !default; $item-ios-padding-bottom: 11px !default;
// deprecated $item-ios-padding-start: 16px !default;
$item-ios-padding-left: 16px !default;
$item-ios-padding-start: $item-ios-padding-left !default;
$item-ios-padding-media-top: 10px !default; $item-ios-padding-media-top: 10px !default;
$item-ios-padding-media-bottom: 10px !default; $item-ios-padding-media-bottom: 10px !default;
$item-ios-padding-icon-top: 9px !default; $item-ios-padding-icon-top: 9px !default;

8
packages/core/src/themes/ionic.theme.dark.md.scss
View File

@ -58,13 +58,9 @@ $list-md-activated-background-color: #d9d9d9 !default;
// -------------------------------------------------- // --------------------------------------------------
$item-md-padding-top: 13px !default; $item-md-padding-top: 13px !default;
// deprecated $item-md-padding-end: 16px !default;
$item-md-padding-right: 16px !default;
$item-md-padding-end: $item-md-padding-right !default;
$item-md-padding-bottom: 13px !default; $item-md-padding-bottom: 13px !default;
// deprecated $item-md-padding-start: 16px !default;
$item-md-padding-left: 16px !default;
$item-md-padding-start: $item-md-padding-left !default;
$item-md-padding-media-top: 9px !default; $item-md-padding-media-top: 9px !default;
$item-md-padding-media-bottom: 9px !default; $item-md-padding-media-bottom: 9px !default;
$item-md-padding-icon-top: 11px !default; $item-md-padding-icon-top: 11px !default;

8
packages/core/src/themes/ionic.theme.dark.wp.scss
View File

@ -59,13 +59,9 @@ $list-wp-activated-background-color: #d9d9d9 !default;
// -------------------------------------------------- // --------------------------------------------------
$item-wp-padding-top: 13px !default; $item-wp-padding-top: 13px !default;
// deprecated $item-wp-padding-end: 16px !default;
$item-wp-padding-right: 16px !default;
$item-wp-padding-end: $item-wp-padding-right !default;
$item-wp-padding-bottom: 13px !default; $item-wp-padding-bottom: 13px !default;
// deprecated $item-wp-padding-start: 16px !default;
$item-wp-padding-left: 16px !default;
$item-wp-padding-start: $item-wp-padding-left !default;
$item-wp-padding-media-top: 9px !default; $item-wp-padding-media-top: 9px !default;
$item-wp-padding-media-bottom: 9px !default; $item-wp-padding-media-bottom: 9px !default;
$item-wp-padding-icon-top: 11px !default; $item-wp-padding-icon-top: 11px !default;

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

@ -51,13 +51,9 @@ $list-ios-activated-background-color: #d9d9d9 !default;
// -------------------------------------------------- // --------------------------------------------------
$item-ios-padding-top: 11px !default; $item-ios-padding-top: 11px !default;
// deprecated $item-ios-padding-end: 16px !default;
$item-ios-padding-right: 16px !default;
$item-ios-padding-end: $item-ios-padding-right !default;
$item-ios-padding-bottom: 11px !default; $item-ios-padding-bottom: 11px !default;
// deprecated $item-ios-padding-start: 16px !default;
$item-ios-padding-left: 16px !default;
$item-ios-padding-start: $item-ios-padding-left !default;
$item-ios-padding-media-top: 8px !default; $item-ios-padding-media-top: 8px !default;
$item-ios-padding-media-bottom: 8px !default; $item-ios-padding-media-bottom: 8px !default;
$item-ios-padding-icon-top: 9px !default; $item-ios-padding-icon-top: 9px !default;

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

@ -50,13 +50,9 @@ $list-md-activated-background-color: #f1f1f1 !default;
// -------------------------------------------------- // --------------------------------------------------
$item-md-padding-top: 13px !default; $item-md-padding-top: 13px !default;
// deprecated $item-md-padding-end: 16px !default;
$item-md-padding-right: 16px !default;
$item-md-padding-end: $item-md-padding-right !default;
$item-md-padding-bottom: 13px !default; $item-md-padding-bottom: 13px !default;
// deprecated $item-md-padding-start: 16px !default;
$item-md-padding-left: 16px !default;
$item-md-padding-start: $item-md-padding-left !default;
$item-md-padding-media-top: 9px !default; $item-md-padding-media-top: 9px !default;
$item-md-padding-media-bottom: 9px !default; $item-md-padding-media-bottom: 9px !default;
$item-md-padding-icon-top: 11px !default; $item-md-padding-icon-top: 11px !default;

8
packages/core/src/themes/ionic.theme.default.wp.scss
View File

@ -51,13 +51,9 @@ $list-wp-activated-background-color: #aaa !default;
// -------------------------------------------------- // --------------------------------------------------
$item-wp-padding-top: 13px !default; $item-wp-padding-top: 13px !default;
// deprecated $item-wp-padding-end: 16px !default;
$item-wp-padding-right: 16px !default;
$item-wp-padding-end: $item-wp-padding-right !default;
$item-wp-padding-bottom: 13px !default; $item-wp-padding-bottom: 13px !default;
// deprecated $item-wp-padding-start: 16px !default;
$item-wp-padding-left: 16px !default;
$item-wp-padding-start: $item-wp-padding-left !default;
$item-wp-padding-media-top: 9px !default; $item-wp-padding-media-top: 9px !default;
$item-wp-padding-media-bottom: 9px !default; $item-wp-padding-media-bottom: 9px !default;
$item-wp-padding-icon-top: 11px !default; $item-wp-padding-icon-top: 11px !default;