jetformbuilder / modules / option-field / assets / build / radio.css

radio.css in JetFormBuilder — Dynamic Blocks Form Builder 3.6.6, at modules/option-field/assets/build/radio.css

2 lines 1.2 KB

Raw Download Zip

.field-type-radio-field .jet-form-builder__field.radio-field{position:absolute;z-index:-1;opacity:0}.field-type-radio-field .jet-form-builder__field-label.for-radio>span::before{content:'';display:inline-block;width:1.2em;height:1.2em;flex-shrink:0;flex-grow:0;border:1px solid #adb5bd;background-repeat:no-repeat;background-position:center center;background-size:50% 50%;border-radius:50%}.field-type-radio-field .jet-form-builder__field-label.for-radio :not(:disabled):not(:checked):hover+span::before{border-color:#b3d7ff}.field-type-radio-field .jet-form-builder__field-label.for-radio :not(:disabled):active+span::before{background-color:#b3d7ff;border-color:#b3d7ff}.field-type-radio-field .jet-form-builder__field-label.for-radio :focus:not(:checked)+span::before{border-color:#80bdff}.field-type-radio-field .jet-form-builder__field-label.for-radio :checked+span::before{border-color:#0b76ef;background-color:#0b76ef;background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e")}.field-type-radio-field .jet-form-builder__field-label.for-radio :disabled+span::before{background-color:#e9ecef}