diff --git a/ionic/components/card/modes/ios.scss b/ionic/components/card/modes/ios.scss index e28a08aef7..1264070853 100644 --- a/ionic/components/card/modes/ios.scss +++ b/ionic/components/card/modes/ios.scss @@ -43,6 +43,7 @@ ion-card[mode=ios] { .item { padding-right: ($card-ios-padding-right / 2); padding-left: ($card-ios-padding-left / 2); + font-size: $item-ios-font-size; } ion-item-content { @@ -52,6 +53,7 @@ ion-card[mode=ios] { ion-card-content { padding: $card-ios-padding-top $card-ios-padding-right $card-ios-padding-bottom $card-ios-padding-left; font-size: $card-ios-font-size; + line-height: 1.4; } ion-card-header { @@ -61,6 +63,11 @@ ion-card[mode=ios] { color: $card-ios-header-color; } + ion-card-header + ion-card-content, + .item + ion-card-content { + padding-top: 0; + } + [item-left], [item-right] { margin: $card-ios-padding-media-top ($card-ios-padding-right / 2) $card-ios-padding-media-bottom ($card-ios-padding-left / 2); @@ -76,6 +83,11 @@ ion-card[mode=ios] { font-size: 1.3rem; } + icon[forward] { + font-size: 2rem; + color: $item-ios-forward-icon-color; + } + .card-title { padding: $card-ios-title-padding; font-size: $card-ios-title-font-size; @@ -117,7 +129,6 @@ ion-card[mode=ios] { p { font-size: 1.4rem; margin: 0 0 2px; - line-height: 1.5; color: $card-ios-text-color; } diff --git a/ionic/components/card/modes/material.scss b/ionic/components/card/modes/material.scss index d7a480baab..098cf70e9c 100644 --- a/ionic/components/card/modes/material.scss +++ b/ionic/components/card/modes/material.scss @@ -46,6 +46,7 @@ ion-card[mode=md] { .item { padding-right: ($card-md-padding-right / 2); padding-left: ($card-md-padding-left / 2); + font-size: $item-md-font-size; } ion-item-content { @@ -64,6 +65,11 @@ ion-card[mode=md] { color: $card-md-header-color; } + ion-card-header + ion-card-content, + .item + ion-card-content { + padding-top: 0; + } + [item-left], [item-right] { margin: $card-md-padding-media-top ($card-md-padding-right / 2) $card-md-padding-media-bottom ($card-md-padding-left / 2); @@ -77,6 +83,7 @@ ion-card[mode=md] { padding: 2px 6px; min-height: 26px; font-size: 1.3rem; + border-color: transparent; } .card-title { diff --git a/ionic/ionic.material.scss b/ionic/ionic.material.scss index 34a799fd13..9902616996 100644 --- a/ionic/ionic.material.scss +++ b/ionic/ionic.material.scss @@ -6,10 +6,10 @@ "components/toolbar/modes/material", "components/action-menu/modes/material", "components/button/modes/material", - "components/card/modes/material", "components/checkbox/modes/material", "components/item/modes/material", "components/list/modes/material", + "components/card/modes/material", "components/text-input/modes/material", "components/nav-bar/modes/material", "components/radio/modes/material",