diff --git a/src/components/action-sheet/action-sheet.md.scss b/src/components/action-sheet/action-sheet.md.scss index 4543b2e76d2..30a520ad91e 100644 --- a/src/components/action-sheet/action-sheet.md.scss +++ b/src/components/action-sheet/action-sheet.md.scss @@ -9,7 +9,7 @@ $action-sheet-md-group-margin-bottom: 8px !default; $action-sheet-md-title-color: #757575 !default; $action-sheet-md-title-font-size: 1.6rem !default; -$action-sheet-md-title-padding: 19px 16px 17px !default; +$action-sheet-md-title-padding: 11px 16px 17px !default; $action-sheet-md-button-min-height: 4.8rem !default; $action-sheet-md-button-text-color: #222 !default; @@ -19,11 +19,16 @@ $action-sheet-md-button-background: transparent !default; $action-sheet-md-button-background-activated: #f1f1f1 !default; $action-sheet-md-icon-font-size: 2.4rem !default; -$action-sheet-md-icon-min-width: 24px !default; +$action-sheet-md-icon-width: 2.3rem !default; $action-sheet-md-icon-text-align: center !default; $action-sheet-md-icon-vertical-align: middle !default; -$action-sheet-md-icon-margin: 0 28px 0 0 !default; +$action-sheet-md-icon-margin: 0 32px 0 0 !default; +.action-sheet-md .action-sheet-container { + padding: .8rem 0; + + background: $action-sheet-md-background; +} .action-sheet-md .action-sheet-title { padding: $action-sheet-md-title-padding; @@ -53,8 +58,9 @@ $action-sheet-md-icon-margin: 0 28px 0 0 !default; .action-sheet-md .action-sheet-icon { margin: $action-sheet-md-icon-margin; + padding: 0; - min-width: $action-sheet-md-icon-min-width; + width: $action-sheet-md-icon-width; font-size: $action-sheet-md-icon-font-size; text-align: $action-sheet-md-icon-text-align; @@ -63,12 +69,6 @@ $action-sheet-md-icon-margin: 0 28px 0 0 !default; .action-sheet-md .action-sheet-group { overflow: hidden; - - background: $action-sheet-md-background; -} - -.action-sheet-md .action-sheet-group:last-child .action-sheet-button { - margin-bottom: $action-sheet-md-group-margin-bottom; } .action-sheet-md .action-sheet-group .button-inner {