feat: remove bootstrap's collapses; improve animations

This commit is contained in:
Herculino Trotta
2025-12-14 11:06:55 -03:00
parent cf7d4b1404
commit 4aa29545ec
14 changed files with 189 additions and 514 deletions

View File

@@ -6,8 +6,6 @@ $enable-transitions: true !default;
$enable-reduced-motion: true !default;
$transition-fade: opacity 0.15s linear !default;
$transition-collapse: height 0.35s ease !default;
$transition-collapse-width: width 0.35s ease !default;
// Fade transition
.fade {
@@ -22,35 +20,4 @@ $transition-collapse-width: width 0.35s ease !default;
&:not(.show) {
opacity: 0;
}
}
// // Collapse transitions
.bs.collapse {
&:not(.show) {
display: none;
}
}
.bs.collapsing {
height: 0;
overflow: hidden;
transition: $transition-collapse;
@if $enable-reduced-motion {
@media (prefers-reduced-motion: reduce) {
transition: none;
}
}
&.collapse-horizontal {
width: 0;
height: auto;
transition: $transition-collapse-width;
@if $enable-reduced-motion {
@media (prefers-reduced-motion: reduce) {
transition: none;
}
}
}
}