Skip to content

API: New mixin #a.animations #48

@codeworksdev

Description

@codeworksdev

Similar to #a.animation, but allows you to pass one or more single animations, separated by commas. This is especially useful when chaining multiple animations together in a complex sequence (reference).


EXAMPLE

#a.animations(
    slideInDown 3s ease-in 1s infinite reverse both running,
    flash 3s;
    );

Note: Always remember to end your comma-separated CSS list with a semicolon to tell the compiler a list is being passed as a single argument (reference).


DEFINITIONS (2)

DEFINITION 1

#a.animations(@list) {
    .vendor(
        animation;
        @list
        );
    }

DEFINITION 2

#a._animations(@list) {
    @{vendor}animation: @list;
    }

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions