_animations.less

// /**
//  * Copyright © Magento, Inc. All rights reserved.
//  * See COPYING.txt for license details.
//  */

//
//  Animations
//  _____________________________________________

.animation(@animation) {
    -o-animation: @animation;
    -webkit-animation: @animation;
    animation: @animation;
}

.animation-name(@name) {
    -webkit-animation-name: @name;
    animation-name: @name;
}

.animation-duration(@duration) {
    -webkit-animation-duration: @duration;
    animation-duration: @duration;
}

.animation-timing-function(@timing-function) {
    -webkit-animation-timing-function: @timing-function;
    animation-timing-function: @timing-function;
}

.animation-delay(@delay) {
    -webkit-animation-delay: @delay;
    animation-delay: @delay;
}

.animation-iteration-count(@iteration-count) {
    -webkit-animation-iteration-count: @iteration-count;
    animation-iteration-count: @iteration-count;
}

.animation-direction(@direction) {
    -webkit-animation-direction: @direction;
    animation-direction: @direction;
}

.animation-fill-mode(@fill-mode) {
    -webkit-animation-fill-mode: @fill-mode;
    animation-fill-mode: @fill-mode;
}

//  Backface visibility
//  Prevent browsers from flickering when using CSS 3D transforms. Default value is 'visible', but can be changed to 'hidden'

.backface-visibility(@visibility) {
    -moz-backface-visibility: @visibility;
    -webkit-backface-visibility: @visibility;
    backface-visibility: @visibility;
}

//
//  Effects
//  _____________________________________________

.transition (
    @_property: all,
    @_duration: .1s,
    @_timing-function: linear
) {
    transition: @_property @_duration @_timing-function;
}

.scale (
    @_size: .9
) {
    transform: scale(@_size);
}