Clearfix in AnimatedContainer can cause alignment issue with flexbox

[emattias]

ember-animated/vendor/ember-animated.css

Lines 17 to 20 in e15f1d5

	.animated-container:before, .animated-container:after {
	content: ' ';
	display: table;
	}

The above css causes this alignment issue for me. So I have done this:

  .animated-container::before, .animated-container::after {
    display: none !important;
    content: "" !important;
  }

and the animations still work. Is this clearfix still relevant when not using floats?

Maybe have it be an opt in with some @clearfix={{true}} argument? Or maybe just remove it? :)