frontend.css
1 lines
| 1 | .hidden{display:none!important;visibility:hidden!important}.shopengine_swatches .swatch{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:inline-block;width:30px;height:30px;line-height:28px;text-align:center;margin-right:15px;cursor:pointer;border:2px solid transparent;position:relative;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.shopengine_swatches .swatch.selected{border-color:#999}.shopengine_swatches .swatch.disabled{cursor:default;opacity:.1}.shopengine_swatches .swatch.disabled .shopengine_swatch__tooltip{display:none}.shopengine_swatches .swatch_color{text-indent:-9999em;border:2px solid #ccc}.shopengine_swatches .swatch_color.selected{border-color:#333}.shopengine_swatches .swatch_color.selected:before{-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);content:"";width:6px;height:10px;display:block;border:solid #eee;border-width:0 2px 2px 0;position:absolute;top:50%;left:50%;margin:-2px -2px 0 0}.shopengine_swatches .swatch_label{font-size:14px;background-color:#f1f1f1}.shopengine_swatches .swatch_image{font-size:0}.shopengine_swatches .swatch_image img{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.shopengine_swatches .swatch_image .shopengine_swatch__tooltip{font-size:14px}.shopengine_swatches .shopengine_swatch__tooltip{-webkit-transform:translate(-50%,-100%);-moz-transform:translate(-50%,-100%);transform:translate(-50%,-100%);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;position:absolute;left:50%;top:0;background:#333;z-index:2;color:#fff;margin:-15px 0 0 0;padding:5px 10px;text-indent:initial;font-size:14px;font-weight:500;opacity:0;visibility:hidden;user-select:none}.shopengine_swatches .shopengine_swatch__tooltip:after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);content:"";position:absolute;width:12px;height:12px;background:#333;bottom:-4px;left:50%;margin-left:-6px}.shopengine_swatches .swatch:hover .shopengine_swatch__tooltip{opacity:1;visibility:visible;user-select:auto} |