javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 04:14:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(item): update to match Material Design spec (#16182)

Browse Source 
- splits the item min height by mode
- removes padding end from the slotted end components in favor of using 16px on the item
- updates the icon color to lighter gray (rgb)
- removes font size change from text wrapped labels
- add list spec test to include MD examples

fixes #14799
This commit is contained in:
Brandy Carney
2018-11-04 10:58:57 -05:00
committed by GitHub
parent 091625df64
commit e416c23b3b
27 changed files with 676 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -50,7 +50,7 @@ $checkbox-md-transition-duration: 180ms !default;
$checkbox-md-transition-easing: cubic-bezier(.4, 0, .2, 1) !default;
/// @prop - Margin top of the start checkbox item
$checkbox-md-item-start-margin-top: 9px !default;
$checkbox-md-item-start-margin-top: 18px !default;
/// @prop - Margin end of the start checkbox item
$checkbox-md-item-start-margin-end: 36px !default;
@ -62,13 +62,13 @@ $checkbox-md-item-start-margin-bottom: $checkbox-md-item-start-margin-top !def
$checkbox-md-item-start-margin-start: 4px !default;
/// @prop - Margin top of the end checkbox item
$checkbox-md-item-end-margin-top: 11px !default;
$checkbox-md-item-end-margin-top: 18px !default;
/// @prop - Margin end of the end checkbox item
$checkbox-md-item-end-margin-end: 10px !default;
$checkbox-md-item-end-margin-end: 0 !default;
/// @prop - Margin bottom of the end checkbox item
$checkbox-md-item-end-margin-bottom: 10px !default;
$checkbox-md-item-end-margin-bottom: $checkbox-md-item-end-margin-top !default;
/// @prop - Margin start of the end checkbox item
$checkbox-md-item-end-margin-start: 0 !default;