mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-07 23:16:52 +08:00
33 lines
927 B
SCSS
33 lines
927 B
SCSS
.card {
|
|
margin: $content-padding;
|
|
border: none;
|
|
border-radius: $card-border-radius;
|
|
|
|
background-color: $card-body-bg;
|
|
box-shadow: inset 0 0 $card-border-width #666;
|
|
}
|
|
|
|
.card-header {
|
|
padding: $card-padding;
|
|
border-bottom: $card-border-width solid $card-border-color;
|
|
background-color: $card-header-bg;
|
|
|
|
&.card-header-secondary { background-color: $brand-secondary; }
|
|
&.card-header-primary { background-color: $brand-primary; }
|
|
&.card-header-info { background-color: $brand-info; }
|
|
&.card-header-success { background-color: $brand-success; }
|
|
&.card-header-warning { background-color: $brand-warning; }
|
|
&.card-header-danger { background-color: $brand-danger; }
|
|
&.card-header-dark { background-color: $brand-dark; }
|
|
}
|
|
|
|
.card-body {
|
|
padding: $card-padding;
|
|
}
|
|
|
|
.card-footer {
|
|
padding: $card-padding;
|
|
border-top: $card-border-width solid $card-border-color;
|
|
background-color: $card-footer-bg;
|
|
}
|