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: _donation-summary.scss

SCSS

Size: 2.43 KB | Modified: 2022-06-29 21:03:54

@use 'fn';

.give-donation-form-summary-section {
    background: none!important;
    padding: 0;
}

.give-donation-summary-section {

.heading {
        margin-bottom: 2rem;
        text-align: center;
        font-weight: 500;
        color: #6b6b6b;
        font-style: italic;
    }

.give-donation-summary-table-wrapper {
        color: #333333;
        background-color: #f9f9f9;
        padding-block: fn.scaleBetween(1.75rem, 3.375rem);
        padding-inline: fn.scaleBetween(1rem, 4.375rem);    }

table {
        inline-size: 100%;
        border-collapse: collapse;
        line-height: 1.2;
    }

button {
        flex-shrink: 0;
        display: inline-flex;
        align-items: baseline;
        column-gap: 0.25em;
        appearance: none;
        background: none;
        border: 0;
        padding: 0;
        line-height: inherit;
        text-align: start;
        font-size: inherit;
        font-family: inherit;
        color: var(--give-primary-color);
        cursor: pointer;
        white-space: nowrap;

& svg path {
            fill: var(--give-primary-color);
        }
    }

tr {
        vertical-align: baseline;

// Selects th in thead and tfoot. Selects td in tbody.
        > :first-of-type {
            text-align: start;
        }
        > :last-of-type {
            text-align: end;
        }
    }

// Colors (inherits)
    thead,
    tfoot {
        color: #333;
    }

// Borders
    tbody tr,
    tfoot {
        border-block-start: 0.0625rem solid #ddd;
    }

// Header specific
    thead th {
        padding-block-end: 1.25rem;

// Donation Summary title
        &:first-of-type {
            font-size: fn.scaleBetween(1.25rem, 1.5rem);
            font-weight: 400;
        }

.back-btn {
            font-size: 0.875rem;
        }
    }

// Body specific
    tbody td {
        padding-block: 1.25rem;
        font-size: fn.scaleBetween(1rem, 1.125rem);

&:last-of-type {
            min-inline-size: 6rem;
        }
    }

// Footer specific
    tfoot th {
        padding-block-start: 1.75rem;
        font-size: 1.125rem;
        font-weight: 700;
    }

.give-donation-summary-help-text {
        display: inline-flex;
        column-gap: 0.25rem;
        align-items: start;
        margin-block-start: 0.5rem;
        font-size: 0.875rem;
        color: #8c8c8c;

> img {
            transform: translateY(0.1em);
        }
    }
}

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

📥 Download

File manager