app/assets/stylesheets/components/_cards.scss
.card {
border-radius: 2px;
box-shadow: $base-box-shadow;
background: #fff;
&-header {
padding: 33px;
border-bottom: 1px solid #ccc;
h1 {
display: inline;
margin: 0;
font-size: 24px;
}
@include media(max-width 1000px) {
padding: 15px;
h1 {
font-size: 18px;
}
}
}
&-body {
padding: 30px;
}
&-fold {
+ .hidden {
.card-body {
display: none;
}
}
.btn-fold {
color: #d5d5d5;
float: right;
&:focus, &:active {
background: #fff;
}
@include media(max-width 1000px) {
padding: 7px 15px;
}
}
}
&-footer {
border-top: 1px solid #ccc;
text-align: center;
color: #337ab7;
text-transform: uppercase;
font-size: 1em;
font-weight: 600;
}
}
.cards-group {
.card {
margin-bottom: 11px;
}
}