mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-07 06:57:02 +08:00
43 lines
1009 B
SCSS
43 lines
1009 B
SCSS
|
|
// Cards
|
|
// --------------------------------------------------
|
|
|
|
.card {
|
|
overflow: hidden;
|
|
margin: ($content-padding * 2) $content-padding;
|
|
background-color: $card-body-bg;
|
|
box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
|
|
border-radius: $card-border-radius;
|
|
}
|
|
.card .item {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
|
|
&:first-child {
|
|
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 {
|
|
margin-bottom: $item-border-width * -1;
|
|
}
|
|
.card.list .item-divider {
|
|
margin-right: 0;
|
|
margin-left: 0;
|
|
} |