1.0.2 • Published 3 years ago

omodei v1.0.2

Weekly downloads
7
License
ISC
Repository
-
Last release
3 years ago

omodei

It's a chore to hunt down common cubic-bezier values for CSS transitions, so why not collect over 100 of the best ones and make them easy to retrieve and use instead?

Unashamedly heavily influenced by one of my favorite AE extensions, Flow, one of the best tools to come out in the last few years.

Check out the demo here

npm.io

Installation

npm i omodei
import omodei from "omodei";

omodei.assignAll(); // Sets all CSS variables
omodei.assignLibraryByAuthor("google"); // Sets all Google CSS variables

Functions

getLibraryByAuthor(name) ⇒ Object

Retrieves all cubic-bezier animations of an author

Kind: global function
Returns: Object - Collection of cubic-bezier strings

ParamTypeDescription
nameStringName of the author to retrieve library of

getAll()

Collects all cubic-bezier strings from all authors

Kind: global function

assignAll()

Assigns all cubic-bezier strings as CSS variables to the active document

Kind: global function

assignLibraryByAuthor(name)

Assigns all cubic-bezier strings of a particular author to active document

Kind: global function

ParamTypeDescription
nameStringName of the author to retrieve library of

getByName(name) ⇒ String

Kind: global function
Returns: String - Cubic bezier string

ParamTypeDescription
nameStringName of cubic-bezier timing

getCSS(prop)

Retrieves the current value of a given CSS variable

Kind: global function

ParamTypeDescription
propStringThe target name of variable, with or without leading dashes

setCSS(prop, data)

Sets the value of a given CSS variable

Kind: global function

ParamTypeDescription
propStringThe target name of variable, with or without leading dashes
dataStringThe new CSS value to assign to variable