Skip to content

Add configurable duration to `invisible-until-active` mixin

Latest
Compare
Choose a tag to compare
@tannerhodges tannerhodges released this 31 Oct 17:59
· 14 commits to master since this release

New syntax for quick "invisible until active" elements + configurable transition duration (defaults to 500ms):

div {
  @include invisible-until-active(200ms);
}
<button id="myButton">Show Element</button>
<div id="myElement">Look, I faded in!</div>
myButton.addEventListener('click', (event) => myElement.classList.add('is-active'));

More Details