UNPKG

@shopgate/engage

Version:

Shopgate's ENGAGE library.

github.com/shopgate/pwa/tree/master/libraries/engage

shopgate/pwa

5 lines • 1.24 kB
1
2
3
4
5
import{css}from'glamor';import{themeShadows,themeColors}from'@shopgate/pwa-common/helpers/config';/** * Returns the correct styling for the given ratio * @param {number} imageRatio imageRatio * @return {string} */var placeholderContainer=function placeholderContainer(imageRatio){return css({position:'relative',width:'100%',':before':{display:'block',content:'""',width:'100%',paddingTop:"".concat(100*imageRatio,"%")}}).toString();};var placeholderContent=css({position:'absolute',width:'100%',height:'100%',top:0,textAlign:'center'}).toString();var placeholderIconScale=0.65;var placeholder=css({position:'absolute',width:"".concat(placeholderIconScale*100,"% !important"),height:"".concat(placeholderIconScale*100,"% !important"),top:"".concat((1.0-placeholderIconScale)*50,"%"),left:"".concat((1.0-placeholderIconScale)*50,"%"),color:themeColors.placeholder}).toString();var innerShadow=css({position:'relative',overflow:'hidden',':after':{display:'block',content:'""',position:'absolute',top:0,right:0,bottom:0,left:0,boxShadow:themeShadows.productImage,pointerEvents:'none'}}).toString();export default{placeholderContainer:placeholderContainer,placeholderContent:placeholderContent,placeholder:placeholder,innerShadow:innerShadow};