diff --git a/ionic/components/action-sheet/action-sheet.ios.scss b/ionic/components/action-sheet/action-sheet.ios.scss index 61f33a1f74..050cec1a56 100644 --- a/ionic/components/action-sheet/action-sheet.ios.scss +++ b/ionic/components/action-sheet/action-sheet.ios.scss @@ -5,20 +5,20 @@ // -------------------------------------------------- $action-sheet-ios-group-margin: 10px !default; -$action-sheet-ios-background-color: rgba(243,243,243,.95) !default; +$action-sheet-ios-background-color: #f9f9f9 !default; $action-sheet-ios-border-color: #d6d6da !default; $action-sheet-ios-border-radius: 13px !default; -$action-sheet-ios-title-color: #5f5f5f !default; -$action-sheet-ios-title-font-size: 1.2rem !default; +$action-sheet-ios-title-color: #8f8f8f !default; +$action-sheet-ios-title-font-size: 1.3rem !default; $action-sheet-ios-button-height: 5.6rem !default; $action-sheet-ios-button-padding: 18px !default; $action-sheet-ios-button-text-color: #007aff !default; $action-sheet-ios-button-font-size: 2rem !default; $action-sheet-ios-button-border-color: #d1d3d6 !default; -$action-sheet-ios-button-background-active-color: #e9e9e9 !default; +$action-sheet-ios-button-background-active-color: #ebebeb !default; $action-sheet-ios-destructive-button-text-color: #f53d3d !default; $action-sheet-ios-cancel-button-background-color: #fff !default; @@ -44,9 +44,9 @@ ion-action-sheet { } .action-sheet-title { - padding: 2rem; + padding: 1.5rem; font-size: $action-sheet-ios-title-font-size; - font-weight: 500; + font-weight: 400; color: $action-sheet-ios-title-color; border-radius: 0; text-align: center; @@ -69,7 +69,10 @@ ion-action-sheet { } &.activated { + margin-top:-1px; background: $action-sheet-ios-button-background-active-color; + border-bottom-color: $action-sheet-ios-button-background-active-color; + border-top:1px solid $action-sheet-ios-button-background-active-color; } }