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

fix(button): update for ios spec (#26864)

Browse Source 
BREAKING CHANGE:

Button is updated to align with the design specification for iOS.

**Design tokens**

| Token                              | Previous Value | New Value |
| ---------------------------------- | -------------- | --------- |
| `$button-ios-letter-spacing`       | `-0.03em`      | `0`       |
| `$button-ios-clear-letter-spacing` | `0`            | Removed   |
| `$button-ios-height`               | `2.8em`        | `3.1em`   |
| `$button-ios-border-radius`        | `10px`         | `14px`    |
| `$button-ios-large-height`         | `2.8em`        | `3.1em`   |
| `$button-ios-large-border-radius`  | `12px`         | `16px`    |
This commit is contained in:
Liam DeBeasi
2023-02-28 11:36:44 -05:00
committed by GitHub
parent 8df0950ab5
commit df3735765a
435 changed files with 22 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -28,10 +28,10 @@ $button-ios-padding-bottom: $button-ios-padding-top !d
$button-ios-padding-start: $button-ios-padding-end !default;
/// @prop - Height of the button
$button-ios-height: 2.8em !default;
$button-ios-height: 3.1em !default;
/// @prop - Border radius of the button
$button-ios-border-radius: 10px !default;
$button-ios-border-radius: 14px !default;
/// @prop - Font size of the button text
$button-ios-font-size: 16px !default;
@ -39,9 +39,6 @@ $button-ios-font-size: 16px !default;
/// @prop - Font weight of the button text
$button-ios-font-weight: 500 !default;
/// @prop - Letter spacing of the button text
$button-ios-letter-spacing: -.03em !default;
/// @prop - Background color of the button
$button-ios-background-color: ion-color(primary, base) !default;
@ -80,10 +77,10 @@ $button-ios-large-padding-bottom: $button-ios-large-padding-
$button-ios-large-padding-start: $button-ios-large-padding-end !default;
/// @prop - Height of the large button
$button-ios-large-height: 2.8em !default;
$button-ios-large-height: 3.1em !default;
/// @prop - Border radius of the large button
$button-ios-large-border-radius: 12px !default;
$button-ios-large-border-radius: 16px !default;
/// @prop - Font size of the large button
$button-ios-large-font-size: 20px !default;
@ -159,8 +156,8 @@ $button-ios-clear-font-size: 17px !default;
/// @prop - Font weight of the clear button
$button-ios-clear-font-weight: normal !default;
/// @prop - Letter spacing of the clear button
$button-ios-clear-letter-spacing: 0 !default;
/// @prop - Letter spacing of the button
$button-ios-letter-spacing: 0 !default;
/// @prop - Border color of the clear button
$button-ios-clear-border-color: transparent !default;