diff --git a/dist/css/ionic-ios7.css b/dist/css/ionic-ios7.css index 24133bfe67..6d525f329f 100644 --- a/dist/css/ionic-ios7.css +++ b/dist/css/ionic-ios7.css @@ -1353,7 +1353,7 @@ button.item-icon-right .item-content:after { overflow: hidden; margin: 20px 10px; background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); border-radius: 2px; } .card .item { @@ -1363,10 +1363,16 @@ button.item-icon-right .item-content:after { margin-top: 0; border-top-left-radius: 2px; border-top-right-radius: 2px; } + .card .item:first-child .item-content { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } .card .item:last-child { margin-bottom: 0; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } + .card .item:last-child .item-content { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } .card.list .item:last-child { margin-bottom: -1px; } diff --git a/dist/css/ionic-scoped.css b/dist/css/ionic-scoped.css index 752e13d385..f78db47c8c 100644 --- a/dist/css/ionic-scoped.css +++ b/dist/css/ionic-scoped.css @@ -2037,7 +2037,7 @@ overflow: hidden; margin: 20px 10px; background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); border-radius: 2px; } .ionic .card .item { margin-left: 0; @@ -2046,10 +2046,16 @@ margin-top: 0; border-top-left-radius: 2px; border-top-right-radius: 2px; } + .ionic .card .item:first-child .item-content { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } .ionic .card .item:last-child { margin-bottom: 0; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } + .ionic .card .item:last-child .item-content { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } .ionic .card.list .item:last-child { margin-bottom: -1px; } .ionic .card.list .item-divider { diff --git a/dist/css/ionic.css b/dist/css/ionic.css index b22bb857bb..bb6c3222e9 100644 --- a/dist/css/ionic.css +++ b/dist/css/ionic.css @@ -2496,7 +2496,7 @@ button.item-icon-right .item-content:after { overflow: hidden; margin: 20px 10px; background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); border-radius: 2px; } .card .item { @@ -2506,10 +2506,16 @@ button.item-icon-right .item-content:after { margin-top: 0; border-top-left-radius: 2px; border-top-right-radius: 2px; } + .card .item:first-child .item-content { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } .card .item:last-child { margin-bottom: 0; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } + .card .item:last-child .item-content { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } .card.list .item:last-child { margin-bottom: -1px; } diff --git a/scss/ionic/_card.scss b/scss/ionic/_card.scss index 4b2d313f0e..9925756250 100644 --- a/scss/ionic/_card.scss +++ b/scss/ionic/_card.scss @@ -6,7 +6,7 @@ overflow: hidden; margin: ($content-padding * 2) $content-padding; background-color: $card-body-bg; - box-shadow: 0 1px 2px rgba(0, 0, 0, .15); + box-shadow: 0 1px 1px rgba(0, 0, 0, .1); border-radius: $card-border-radius; } .card .item { @@ -17,11 +17,21 @@ margin-top: 0; border-top-left-radius: $card-border-radius; border-top-right-radius: $card-border-radius; + + .item-content { + border-top-left-radius: $card-border-radius; + border-top-right-radius: $card-border-radius; + } } &:last-child { margin-bottom: 0; border-bottom-left-radius: $card-border-radius; border-bottom-right-radius: $card-border-radius; + + .item-content { + border-bottom-left-radius: $card-border-radius; + border-bottom-right-radius: $card-border-radius; + } } } .card.list .item:last-child {