mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
49 lines
945 B
SCSS
49 lines
945 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-content {
|
|
padding: 20px;
|
|
}
|
|
|
|
img {
|
|
max-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;
|
|
}
|
|
}
|
|
}
|