63 lines
		
	
	
		
			1.7 KiB
		
	
	
	
		
			Plaintext
		
	
	
		
			Executable File
		
	
	
			
		
		
	
	
			63 lines
		
	
	
		
			1.7 KiB
		
	
	
	
		
			Plaintext
		
	
	
		
			Executable File
		
	
	
// /**
 | 
						|
// * 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);
 | 
						|
}
 | 
						|
 | 
						|
.translate(@x, @y) {
 | 
						|
    -webkit-transform: translate(@x, @y);
 | 
						|
    -ms-transform: translateY(@x, @y);
 | 
						|
    -o-transform: translateY(@x, @y);
 | 
						|
    transform: translateY(@x, @y);
 | 
						|
}
 | 
						|
 | 
						|
.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);
 | 
						|
    }
 | 
						|
}
 |