mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 03:32:21 +08:00
48 lines
968 B
SCSS
48 lines
968 B
SCSS
|
|
// Card
|
|
// --------------------------------------------------
|
|
$card-border-color: #ccc !default;
|
|
$card-border-radius: 2px !default;
|
|
$card-box-shadow: 0 1px 3px rgba(0, 0, 0, .3) !default;
|
|
|
|
.card {
|
|
position: relative;
|
|
margin: 10px;
|
|
}
|
|
|
|
.card {
|
|
|
|
.card-header, .card-footer, .card-content {
|
|
padding: 15px;
|
|
}
|
|
|
|
img {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.card .item-label {
|
|
white-space: normal;
|
|
}
|
|
|
|
.card .item {
|
|
&:first-child {
|
|
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 {
|
|
border-bottom-right-radius: $card-border-radius;
|
|
border-bottom-left-radius: $card-border-radius;
|
|
|
|
.item-content {
|
|
border-bottom-right-radius: $card-border-radius;
|
|
border-bottom-left-radius: $card-border-radius;
|
|
}
|
|
}
|
|
}
|