diff --git a/ionic/components/item/modes/ios.scss b/ionic/components/item/modes/ios.scss index 57f76a04db..569c659370 100644 --- a/ionic/components/item/modes/ios.scss +++ b/ionic/components/item/modes/ios.scss @@ -2,33 +2,34 @@ // iOS Item // -------------------------------------------------- -$item-ios-border-color: $list-border-color !default; -$item-ios-activated-background-color: #d9d9d9 !default; -$item-ios-font-size: 1.6rem !default; +$item-ios-border-color: $list-border-color !default; +$item-ios-activated-background-color: #d9d9d9 !default; +$item-ios-font-size: 1.6rem !default; -$item-ios-padding-top: 13px !default; -$item-ios-padding-right: 16px !default; -$item-ios-padding-bottom: 14px !default; -$item-ios-padding-left: 16px !default; +$item-ios-padding-top: 13px !default; +$item-ios-padding-right: 16px !default; +$item-ios-padding-bottom: 14px !default; +$item-ios-padding-left: 16px !default; -$item-ios-padding-media-top: 10px !default; -$item-ios-padding-media-bottom: 10px !default; +$item-ios-padding-media-top: 10px !default; +$item-ios-padding-media-bottom: 10px !default; -$item-ios-padding-icon-top: 10px !default; -$item-ios-padding-icon-bottom: 10px !default; +$item-ios-padding-icon-top: 10px !default; +$item-ios-padding-icon-bottom: 10px !default; -$item-ios-avatar-size: 3.6rem !default; -$item-ios-thumbnail-size: 5.6rem !default; -$item-ios-note-color: darken($item-ios-border-color, 10%) !default; +$item-ios-avatar-size: 3.6rem !default; +$item-ios-thumbnail-size: 5.6rem !default; +$item-ios-note-color: darken($item-ios-border-color, 10%) !default; $item-ios-detail-push-color: $item-ios-border-color !default; -$item-ios-divider-bg: #f5f5f5 !default; +$item-ios-divider-bg: #f7f7f7 !default; $item-ios-divider-color: #222 !default; $item-ios-divider-padding: 5px 15px !default; -$item-ios-sliding-content-bg: $background-color !default; +$item-ios-sliding-content-bg: $background-color !default; $item-ios-sliding-transition: transform 250ms ease-in-out !default; + .item-group-title { padding: $item-ios-padding-top $item-ios-padding-right $item-ios-padding-bottom $item-ios-padding-left; background-color: $item-ios-divider-bg; diff --git a/ionic/components/item/modes/md.scss b/ionic/components/item/modes/md.scss index 860413a7ef..6cbe28095d 100644 --- a/ionic/components/item/modes/md.scss +++ b/ionic/components/item/modes/md.scss @@ -31,13 +31,14 @@ $item-md-divider-padding: 5px 15px !default; $item-md-sliding-content-bg: $background-color !default; $item-md-sliding-transition: transform 250ms ease-in-out !default; -.list { - .item-group-title { - padding: $item-md-padding-top $item-md-padding-right $item-md-padding-bottom $item-md-padding-left; - background-color: $item-md-divider-bg; - color: $item-md-divider-color; - } +.item-group-title { + padding: $item-md-padding-top $item-md-padding-right $item-md-padding-bottom $item-md-padding-left; + background-color: $item-md-divider-bg; + color: $item-md-divider-color; +} + +.list { .item-group { // Make sure the first and last items don't have borders > .item:first-of-type:before {