74 lines
1.2 KiB
SCSS
74 lines
1.2 KiB
SCSS
|
|
|
|
// ----------------------------------
|
|
// Base style.
|
|
// ----------------------------------
|
|
|
|
|
|
.card {
|
|
border: 1px solid $card-border-color;
|
|
|
|
&-header,
|
|
&-body {
|
|
display: block;
|
|
padding: .5em 1em;
|
|
}
|
|
|
|
// Contextual colors
|
|
// ----------------------------------
|
|
|
|
&-header-default {
|
|
background-color: $card-header-background;
|
|
}
|
|
|
|
// Add border between header and body if they follow eachother.
|
|
&-header + &-body {
|
|
border-top: 1px solid $card-border-color;
|
|
}
|
|
}
|
|
|
|
// Header link
|
|
// ----------------------------------
|
|
|
|
a.card-header,
|
|
.card-header-link {
|
|
cursor: pointer;
|
|
color: $list-group-item-color;
|
|
|
|
&:hover,
|
|
&:active,
|
|
&:focus {
|
|
text-decoration: none;
|
|
}
|
|
|
|
&:hover {
|
|
background: $card-header-background;
|
|
}
|
|
}
|
|
|
|
|
|
// ----------------------------------
|
|
// Layouts
|
|
// ----------------------------------
|
|
|
|
|
|
// Accordion
|
|
// ----------------------------------
|
|
|
|
.card-accordion {
|
|
|
|
.card {
|
|
|
|
&-header {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
&-body {
|
|
border-top: 1px solid $card-border-color;
|
|
}
|
|
}
|
|
|
|
.card:not(:first-of-type) {
|
|
border-top: 0;
|
|
}
|
|
}
|