javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-07 23:16:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

card shadow updates

Browse Source
This commit is contained in:
Adam Bradley
2013-10-24 21:21:31 -05:00
parent 5230c9ad2c
commit e6f139b1b2
4 changed files with 32 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
dist/css/ionic-ios7.css vendored
View File

@ -1353,7 +1353,7 @@ button.item-icon-right .item-content:after {
overflow: hidden; overflow: hidden;
margin: 20px 10px; margin: 20px 10px;
background-color: white; 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; } border-radius: 2px; }
.card .item { .card .item {
@ -1363,10 +1363,16 @@ button.item-icon-right .item-content:after {
margin-top: 0; margin-top: 0;
border-top-left-radius: 2px; border-top-left-radius: 2px;
border-top-right-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 { .card .item:last-child {
margin-bottom: 0; margin-bottom: 0;
border-bottom-left-radius: 2px; border-bottom-left-radius: 2px;
border-bottom-right-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 { .card.list .item:last-child {
margin-bottom: -1px; } margin-bottom: -1px; }

8
dist/css/ionic-scoped.css vendored
View File

@ -2037,7 +2037,7 @@
overflow: hidden; overflow: hidden;
margin: 20px 10px; margin: 20px 10px;
background-color: white; 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; } border-radius: 2px; }
.ionic .card .item { .ionic .card .item {
margin-left: 0; margin-left: 0;
@ -2046,10 +2046,16 @@
margin-top: 0; margin-top: 0;
border-top-left-radius: 2px; border-top-left-radius: 2px;
border-top-right-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 { .ionic .card .item:last-child {
margin-bottom: 0; margin-bottom: 0;
border-bottom-left-radius: 2px; border-bottom-left-radius: 2px;
border-bottom-right-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 { .ionic .card.list .item:last-child {
margin-bottom: -1px; } margin-bottom: -1px; }
.ionic .card.list .item-divider { .ionic .card.list .item-divider {

8
dist/css/ionic.css vendored
View File

@ -2496,7 +2496,7 @@ button.item-icon-right .item-content:after {
overflow: hidden; overflow: hidden;
margin: 20px 10px; margin: 20px 10px;
background-color: white; 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; } border-radius: 2px; }
.card .item { .card .item {
@ -2506,10 +2506,16 @@ button.item-icon-right .item-content:after {
margin-top: 0; margin-top: 0;
border-top-left-radius: 2px; border-top-left-radius: 2px;
border-top-right-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 { .card .item:last-child {
margin-bottom: 0; margin-bottom: 0;
border-bottom-left-radius: 2px; border-bottom-left-radius: 2px;
border-bottom-right-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 { .card.list .item:last-child {
margin-bottom: -1px; } margin-bottom: -1px; }

12
scss/ionic/_card.scss
View File

@ -6,7 +6,7 @@
overflow: hidden; overflow: hidden;
margin: ($content-padding * 2) $content-padding; margin: ($content-padding * 2) $content-padding;
background-color: $card-body-bg; 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; border-radius: $card-border-radius;
} }
.card .item { .card .item {
@ -17,11 +17,21 @@
margin-top: 0; margin-top: 0;
border-top-left-radius: $card-border-radius; border-top-left-radius: $card-border-radius;
border-top-right-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 { &:last-child {
margin-bottom: 0; margin-bottom: 0;
border-bottom-left-radius: $card-border-radius; border-bottom-left-radius: $card-border-radius;
border-bottom-right-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 { .card.list .item:last-child {