diff --git a/ionic/components/item/modes/ios.scss b/ionic/components/item/modes/ios.scss index 6913705139..24cd141de4 100644 --- a/ionic/components/item/modes/ios.scss +++ b/ionic/components/item/modes/ios.scss @@ -29,18 +29,12 @@ $item-ios-divider-padding: 5px 15px !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; - color: $item-ios-divider-color; -} - -ion-note { - color: $item-ios-note-color; -} .item-group { ion-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; + color: $item-ios-divider-color; border-bottom: 1px solid $item-ios-border-color; } @@ -51,6 +45,10 @@ ion-note { } } +ion-note { + color: $item-ios-note-color; +} + .item { border-radius: 0; padding-left: $item-ios-padding-left; @@ -79,7 +77,6 @@ ion-item-content { margin: $item-ios-padding-top ($item-ios-padding-right / 2) $item-ios-padding-bottom 0; } -// TODO clean up Sass variables [item-left] { margin: ($item-ios-padding-top / 2) $item-ios-padding-right ($item-ios-padding-bottom / 2) 0; } @@ -167,6 +164,9 @@ a.item:not([detail-none]) .item-inner, padding-right: 32px; } -&.hairlines .item-inner { - border-bottom-width: 0.55px; +&.hairlines { + .item-inner, + .item-group ion-item-group-title { + border-bottom-width: 0.55px; + } } diff --git a/ionic/components/list/modes/ios.scss b/ionic/components/list/modes/ios.scss index 9cb37bb381..4201352f02 100644 --- a/ionic/components/list/modes/ios.scss +++ b/ionic/components/list/modes/ios.scss @@ -37,10 +37,6 @@ $list-ios-border-color: $list-border-color !default; letter-spacing: $list-ios-header-letter-spacing; text-transform: uppercase; color: $list-ios-header-color; - } - - ion-header, - ion-item-group-title { border-bottom: 1px solid $list-ios-border-color; } @@ -105,8 +101,7 @@ $list-ios-border-color: $list-border-color !default; border-width: 0.55px; } - ion-header, - ion-item-group-title { + ion-header { border-bottom-width: 0.55px; } @@ -136,7 +131,6 @@ $list-ios-border-color: $list-border-color !default; border-radius: $list-inset-ios-border-radius; .item { - margin-top: 0; border-bottom: 1px solid $list-ios-border-color; .item-inner { @@ -146,7 +140,6 @@ $list-ios-border-color: $list-border-color !default; > .item:first-child, ion-header { - margin-top: 0; border-top-right-radius: $list-inset-ios-border-radius; border-top-left-radius: $list-inset-ios-border-radius; } @@ -157,7 +150,6 @@ $list-ios-border-color: $list-border-color !default; > .item:last-child, > ion-item-sliding:last-child .item { - margin-bottom: 0; border-bottom-right-radius: $list-inset-ios-border-radius; border-bottom-left-radius: $list-inset-ios-border-radius; border-bottom: none;