@include lightDark(background-color, #FFF, #222);
box-shadow: $bs-card;
border-radius: 3px;
- border: 1px solid transparent;
.body, p.empty-text {
padding: $-m;
}
.card-title a {
line-height: 1;
}
+.card-footer-link {
+ display: block;
+ padding: $-s $-m;
+ line-height: 1;
+ border-top: 1px solid;
+ @include lightDark(border-color, #DDD, #555);
+ border-radius: 0 0 3px 3px;
+ font-size: 0.9em;
+ margin-top: $-xs;
+ &:hover {
+ text-decoration: none;
+ @include lightDark(background-color, #f2f2f2, #2d2d2d);
+ }
+}
.card.border-card {
border: 1px solid #DDD;
}
.fade-in-when-active {
- opacity: 0.6;
+ @include lightDark(opacity, 0.6, 0.7);
transition: opacity ease-in-out 120ms;
&:hover, &:focus-within {
- opacity: 1;
+ opacity: 1 !important;
+ }
+ @media (prefers-contrast: more) {
+ opacity: 1 !important;
}
}