.singleLayerImageContainer img { flex-shrink: 0; /*min-width: 100%;*/ /*min-height: 100%;*/ width: 70px; height: 70px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } .selectedTemplateDefaultContainer { width: 100px; height: 100px; border-radius: 10px; } .selectedTemplateDefaultContainer img { border-radius: 10px; min-width: 100%; min-height: 100%; width: 100%; } .selectedLayerBorder { border: 2px solid #FED363; } .scale-up-bl { -webkit-animation: scale-up-bl .2s cubic-bezier(.39, .575, .565, 1.000) both; animation: scale-up-bl .2s cubic-bezier(.39, .575, .565, 1.000) both; } @-webkit-keyframes scale-up-bl { 0% { -webkit-transform: scale(.5); transform: scale(.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } } @keyframes scale-up-bl { 0% { -webkit-transform: scale(.5); transform: scale(.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } } .scale-down-bl { -webkit-animation: scale-down-bl .2s cubic-bezier(.25, .46, .45, .94) both; animation: scale-down-bl .2s cubic-bezier(.25, .46, .45, .94) both; } @-webkit-keyframes scale-down-bl { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 1; } 100% { -webkit-transform: scale(.5); transform: scale(.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; } } @keyframes scale-down-bl { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 1; } 100% { -webkit-transform: scale(.5); transform: scale(.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; } } .folder-container { margin-right:0.5rem; margin-bottom:-0.5rem; } .info-container { margin-right:-0.5rem; margin-top:-0.25rem; } .selector-container { width: 21rem; bottom: 4rem; z-index: 5; } .single-column-tile { width: calc((28rem - 32px)/3); } .infoButton { height: 18px; width: 18px; margin-top: 10px; margin-right: 12px; border-radius: 50%; }