Safari Aspect Ratio tweak

/*Safari Aspect-ratio fallback*/
@supports (background: -webkit-canvas(squares)) {
.CategoryList ul li .cmsItem .cmsImage,
.ProductList ul li .cmsItem .cmsImage{
    padding-top:100%; position:relative; 
 }
.CategoryList ul li .cmsItem .cmsImage a,
.ProductList ul li .cmsItem .cmsImage a,
.CategoryList ul li .cmsItem .cmsImage img,
.ProductList ul li .cmsItem .cmsImage img{    
    position:absolute;
    top:0;bottom:0;width:100%;height:100%;
    display:block;
 }

}

/*Safari Aspect-ratio fallback*/
@supports (background: -webkit-canvas(squares)) {
.alsoConsider .cmsImage{
    padding-top:100%;   
    position:relative;
 }
.alsoConsider .cmsImage img{    
    position:absolute;
    top:0;bottom:0;width:100%;height:100%;
    display:block;
 }

}

Index Previous Next