newsupernova/lib/web/mage/gallery/module/_mixins.less

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

.fotorama-translate3d(@x; @y; @z) {
    -webkit-transform: translate3d(@x, @y, @z);
    -ms-transform: translate3d(@x, @y, @z);
    -o-transform: translate3d(@x, @y, @z);
    transform: translate3d(@x, @y, @z);
}

.fotorama-rotate (@deg) {
    -webkit-transform: rotate(@deg);
    -ms-transform: rotate(@deg);
    transform: rotate(@deg);
}

.translateX(@value) {
    -webkit-transform: translateX(@value);
    -ms-transform: translateX(@value);
    -o-transform: translateX(@value);
    transform: translateX(@value);
}

.translateY(@value) {
    -webkit-transform: translateY(@value);
    -ms-transform: translateY(@value);
    -o-transform: translateY(@value);
    transform: translateY(@value);
}

.fotorama-shadow-gradient(@x, @y) {
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at @x @y, rgba(0, 0, 0, 0.4), transparent);
}

.fotorama-inline-block(@va: middle) {
    *display: inline;
    *zoom: 1;
    -moz-box-orient: vertical;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: @va;
}

.fotorama-button-background() {
    background-color: rgba(255, 255, 255, 0.3);
    transition: background-color @fotorama-duration-time ease-in-out;
    &:hover {
        background-color: rgba(255, 255, 255, 0.5);
    }
    &:active {
        background-color: rgba(213, 213, 213, 0.5);
    }
}