12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576 |
- // /**
- // * 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);
- }
|