# give/4.18.0/src/DonationForms/resources/styles/elements/_sections.scss

GiveWP – Donation Plugin and Fundraising Platform, version 4.18.0. 35 lines.

- Page: https://pluginprobe.com/plugins/give/4.18.0/code/src/DonationForms/resources/styles/elements/_sections.scss
- Raw: https://pluginprobe.com/plugins/give/4.18.0/raw/src/DonationForms/resources/styles/elements/_sections.scss
- Modified: 2025-05-21T20:18:30+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/give/4.18.0/code/src/DonationForms/resources/styles/elements/_sections.scss#L10-L20`.

```scss
// add a little styling to section legends
.givewp-layouts-section {
    &__header {
        font-size: clamp(var(--givewp-spacing-5), 1.28205vw, var(--givewp-spacing-6));
        margin-block-end: var(--givewp-spacing-3);
        color: var(--givewp-grey-900);
    }

    &__fieldset {
        gap: var(--givewp-spacing-6);

        &__legend {
            legend {
                font-size: 1rem;
                font-weight: 400;
                width: 100%;
                margin: 0;
                color: var(--givewp-grey-700);
                line-height: 1.5;
                margin-block-end: var(--givewp-spacing-3);
            }
        }
    }

    button:focus {
        box-shadow: none;
    }
}

.givewp-section-nodes {
    display: flex;
    flex-direction: column;
    gap: var(--givewp-spacing-6);
}

```