Skip to content

Instantly share code, notes, and snippets.

@mohamnag
Created December 16, 2014 11:51

Revisions

  1. mohamnag created this gist Dec 16, 2014.
    22 changes: 22 additions & 0 deletions mixins.scss
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,22 @@
    $veryBigWidth: 100rem;
    $veryBigHeight: 100rem;

    @mixin transition-hide {
    transition: opacity 0.5s ease;

    visibility: hidden;
    opacity: 0;
    max-height: 0;
    max-width: 0;
    overflow: hidden;
    }

    @mixin transition-show {
    transition: opacity 0.5s ease;

    visibility: visible;
    opacity: 1;
    max-height: $veryBigWidth;
    max-width: $veryBigHeight;
    overflow: visible;
    }