Contents

// Fade Mixin

$fade-duration: .6s;

@mixin fade($direction: out, $duration: $fade-duration) {

  @if $direction != out {
    visibility: visible;
    @include opacity(1);
  }

  @else {
    visibility: hidden;
    @include opacity(0);
  }

  @include transition-property(opacity);
  @include transition-duration($fade-duration);

}

Version data entries

2 entries across 2 versions & 2 rubygems

Version	Path
gumby_on_rails-0.0.1	app/assets/stylesheets/gumby/functions/_fade.scss
middleman-gumby-0.0.1	vendor/assets/sass/functions/_fade.scss