JSPM – tween-sass@0.5.4

Package Exports

tween-sass
tween-sass/index.sass

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (tween-sass) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

tween-sass

tween-sass is a SASS single code-line mixin that delivers the possibility for chaining multiple tween components to one tween animation

Usage

Install tween-sass package npm install tween-sass --save-dev
Define mixin on your SASS file @use "tween-sass" as *
Define your animation tweening chain on your element
Run animation with adding ".is--tweening" class to your parent or root element

Custom Configuration

@use "tween-sass" as * with ($parent: "#flyTarget", $activeClass: ".flyContentActive")

Tween Components

There is an overview of all existing components on http://projects.bminusg.de/tween-sass

@use "tween-sass" as *

#example
    @include tween(slideInLeft, wait 2.5s, slideOutRight)
    animation-iteration-count: infinite

Ideation

Use tween-group(tween, index, length) mixin for a dynamic offset calculating depending of multiple tweens