{ $name: anima-#{unique-id()}; animation: #{$name} $animation; @keyframes #{$name} { @content; } } } @mixin animation-out($animation: 1s 0s both) { &[class$="exit"] { $name: anima-#{unique-id()}; animation: #{$name} $animation; @keyframes #{$name} { @content; } }...
Height animation/transitions generally require actually measuring the nodes, setting explicit heights, and moving between them, and is really the most surprisingly difficult sort of css transition to do :/. I'd take a look at how we did it in react-bootstrap, using the plain bootstrap css a...
☄️ An extremely light-weight react transition animation hook which is simpler and easier to use than react-transition-group - Big-Bear-2019/transition-hook
{ $name: anima-#{unique-id()}; animation: #{$name} $animation; @keyframes #{$name} { @content; } } } @mixin animation-out($animation: 1s 0s both) { &[class$="exit"] { $name: anima-#{unique-id()}; animation: #{$name} $animation; @keyframes #{$name} { @content; } }...