1 line
1.4 KiB
CSS
1 line
1.4 KiB
CSS
label.custom-radio[data-v-078d63e4]{position:relative;padding:20px 0 20px 40px;text-align:left;display:inline-block}label.custom-radio span[data-v-078d63e4]{position:relative;cursor:pointer}label.custom-radio span[data-v-078d63e4]:before{content:"";position:absolute;top:50%;left:-40px;margin-top:-15px;width:30px;height:30px;background:#f7f7f7;border-radius:50%;-webkit-box-shadow:0 0 1px grey;box-shadow:0 0 1px grey}label.custom-radio input[type=radio][data-v-078d63e4]{position:absolute;top:0;left:-9999px;visibility:hidden}label.custom-radio input[type=radio]+.bullet[data-v-078d63e4]{position:absolute;top:50%;left:5px;width:20px;height:20px;margin-top:-10px;opacity:0;z-index:10;cursor:pointer;border-radius:50%;-webkit-transform:translate3d(-40px,0,0) scale(.5);transform:translate3d(-40px,0,0) scale(.5)}label.custom-radio input[type=radio]+.bullet[data-v-078d63e4],label.custom-radio input[type=radio]:checked+.bullet[data-v-078d63e4]{-webkit-transition:opacity .15s ease-in-out,-webkit-transform .15s ease-in-out;transition:opacity .15s ease-in-out,-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out,opacity .15s ease-in-out;transition:transform .15s ease-in-out,opacity .15s ease-in-out,-webkit-transform .15s ease-in-out}label.custom-radio input[type=radio]:checked+.bullet[data-v-078d63e4]{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)} |