Skip to content

API: Update mixin #a.transition #44

@codeworksdev

Description

@codeworksdev

This mixin was updated to support transition-delay as part of the shorthand transition CSS property.


FOR EXAMPLE

To define a 1/2 second length transition for the opacity CSS property using the ease-in-out timing function and delayed for 1 second:

#a.transition(opacity, 0.5s, 1s, ease-in-out);

UPDATED DEFINITION

#a.transition(@prop: all; @duration: 0.5s; @delay: 0s; @function: ease-in-out) {
    .vendor(
        transition;
        @prop @duration @function @delay
        );
    }

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions