@miraidesigns/fx

    1.0.0 • Public • Published

    FX

    A collection of variables and mixins to create various effects and transitions for our elements.


    Sass

    @use '@miraidesigns/fx';

    Animation

    Apply transitions and animations in a consistent manner.

    .#{base.$prefix}-class--animate {
        @include fx.animation-standard(transform, 200ms);
    }

    Elevation

    Elevate your elements and set them apart on various layers.

    .#{base.$prefix}-class--elevate {
        @include fx.elevation(2);
    
        // Also works well in combination with our layer system.
        @include fx.elevation(base.layer('dialog'));
    }

    Install

    npm i @miraidesigns/fx

    DownloadsWeekly Downloads

    4

    Version

    1.0.0

    License

    ISC

    Unpacked Size

    6.73 kB

    Total Files

    6

    Last publish

    Collaborators

    • miraidesigns