86 lines
1.5 KiB
CSS
86 lines
1.5 KiB
CSS
/* Hover background color */
|
|
.hover-bg-light:hover {
|
|
background-color: #f8f9fa !important;
|
|
}
|
|
|
|
.hover-bg-primary:hover {
|
|
background-color: var(--bs-primary) !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
.hover-bg-danger:hover {
|
|
background-color: #dc3545 !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
.hover-bg-success:hover {
|
|
background-color: var(--bg-success) !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
.hover-bg-warning:hover {
|
|
background-color: #ffc107 !important;
|
|
color: #212529 !important;
|
|
}
|
|
|
|
/* Hover text color */
|
|
.hover-text-primary:hover {
|
|
color: #0d6efd !important;
|
|
}
|
|
|
|
.hover-text-danger:hover {
|
|
color: #dc3545 !important;
|
|
}
|
|
|
|
.hover-text-success:hover {
|
|
color: #198754 !important;
|
|
}
|
|
|
|
.hover-text-muted:hover {
|
|
color: #6c757d !important;
|
|
}
|
|
|
|
/* Hover shadow */
|
|
.hover-shadow-sm:hover {
|
|
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.075);
|
|
}
|
|
|
|
.hover-shadow:hover {
|
|
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.15);
|
|
}
|
|
|
|
.hover-shadow-lg:hover {
|
|
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
|
|
}
|
|
|
|
/* Hover scale */
|
|
.hover-scale:hover {
|
|
transform: scale(1.05);
|
|
}
|
|
|
|
.hover-scale-sm:hover {
|
|
transform: scale(1.03);
|
|
}
|
|
|
|
.hover-scale-lg:hover {
|
|
transform: scale(1.1);
|
|
}
|
|
|
|
/* Add smooth transition to hover effects */
|
|
.hover-transition {
|
|
transition: all 0.2s ease-in-out;
|
|
}
|
|
|
|
/* Hover border color */
|
|
.hover-border-primary:hover {
|
|
border-color: #0d6efd !important;
|
|
}
|
|
|
|
.hover-border-danger:hover {
|
|
border-color: #dc3545 !important;
|
|
}
|
|
|
|
.thick-divider {
|
|
height: 3px;
|
|
font-size: 10px;
|
|
} |