File Manager

📁 Media Files

📁 .. (Parent Directory) 📋 _button.scss 📋 _checkbox.scss 📋 _currencyswitcher.scss 📋 _donate-now.scss 📋 _donation-amount.scss 📋 _donation-summary.scss 📋 _errors-notices.scss 📋 _ffm.scss 📋 _fn.scss 📋 _funds.scss 📋 _grid.scss 📋 _header.scss 📋 _icons.scss 📋 _label.scss 📋 _legacy-consumer.scss 📋 _modal.scss 📋 _page.scss 📋 _payment-details.scss 📋 _personal-info.scss 📋 _radio.scss 📋 _receipt.scss 📋 _reset.scss 📋 _section.scss 📋 _stripe-checkout-modal.scss 📋 _terms.scss 📋 _text-input.scss 📋 _tooltip.scss 📋 _tributes.scss 📋 _variables.scss 📋 form.scss 🔧 variables.php

⬆️ Upload Files

📁 Create Folder

📄 Create File

💻 Terminal

📦 Extract Archive

📋 Edit: _radio.scss

SCSS

Size: 1.09 KB | Modified: 2022-02-24 23:33:58

@mixin give-radio {
    --size: 1.25em;

position: relative;
    appearance: none;
    margin: 0;
    content: '';
    flex-grow: 0;
    flex-shrink: 0;
    font-size: 1em;
    transition: box-shadow 200ms ease-in-out;
    border-radius: 9999px;
    background-color: #fff;

&::before,
    &::after {
        content: '';
        display: block;
        border-radius: inherit;
    }

&::before {
        width: var(--size);
        height: var(--size);

box-shadow: inset 0 0.0625em 0.125em rgba(0, 0, 0, 0.25);
        border: 0.0625em solid #b4b9be;
    }

&::after {
        width: calc(var(--size) * 0.375);
        height: calc(var(--size) * 0.375);

position: absolute;
        top: 50%;
        left: calc(var(--size) / 2);
        transform: translate(-50%, -50%);

background-color: var(--give-primary-color);

opacity: 0;
        transition: opacity 200ms ease-in-out;
    }

&:checked::after {
        opacity: 1;
    }
}

:is(.form-row, .give-tributes-dedicate-donation) input[type='radio']:not(.give-tribute-type-button) {
    @include give-radio;
}

Supports: PHP, ASPX, HTML, JavaScript, CSS and other text-based files

📥 Download

File manager