61 lines
1.1 KiB
SCSS
Executable File
61 lines
1.1 KiB
SCSS
Executable File
// Custom Card Styling
|
|
|
|
.card {
|
|
.card-header {
|
|
// Format Dropdowns in Card Headings
|
|
.dropdown {
|
|
line-height: 1;
|
|
.dropdown-menu {
|
|
line-height: 1.5;
|
|
}
|
|
}
|
|
}
|
|
// Collapsable Card Styling
|
|
.card-header[data-toggle="collapse"] {
|
|
text-decoration: none;
|
|
position: relative;
|
|
padding: 0.75rem 3.25rem 0.75rem 1.25rem;
|
|
&::after {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
padding-right: 1.725rem;
|
|
line-height: 51px;
|
|
font-weight: 900;
|
|
content: "\f107";
|
|
font-family: "Font Awesome 5 Free";
|
|
color: $gray-400;
|
|
}
|
|
&.collapsed {
|
|
border-radius: $card-border-radius;
|
|
&::after {
|
|
content: "\f105";
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Minimal animations and transitions */
|
|
.fade-in {
|
|
opacity: 0;
|
|
transform: translateY(20px);
|
|
transition: all 0.5s ease-in-out;
|
|
}
|
|
|
|
.fade-in.visible {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
|
|
/* Fade-in Animation */
|
|
@keyframes fadeIn {
|
|
from {
|
|
opacity: 0;
|
|
transform: translateY(20px);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|