# give/4.16.9/src/Views/Components/Spinner/Spinner.module.scss

GiveWP – Donation Plugin and Fundraising Platform, version 4.16.9. 58 lines.

- Page: https://pluginprobe.com/plugins/give/4.16.9/code/src/Views/Components/Spinner/Spinner.module.scss
- Raw: https://pluginprobe.com/plugins/give/4.16.9/raw/src/Views/Components/Spinner/Spinner.module.scss
- Modified: 2025-03-31T19:17:16+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.16.9/code/src/Views/Components/Spinner/Spinner.module.scss#L10-L20`.

```scss
.spinner {
    display: inline-block;
}

.tiny {
    width: 16px;
    height: 16px;
}

.small {
    width: 30px;
    height: 30px;
}

.medium {
    width: 60px;
    height: 60px;
}

.large {
    width: 100px;
    height: 100px;
}

.spinner::after {
    content: ' ';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border-color: #66bb6a transparent #66bb6a transparent !important;
    animation: givewp-spinner 1.2s linear infinite !important;
}

.spinner.tiny::after {
    border: 2px solid #66bb6a;
}

.spinner.small::after {
    border: 3px solid #66bb6a;
}

.spinner.medium::after {
    border: 6px solid #66bb6a;
}
.spinner.large::after {
    border: 9px solid #66bb6a;
}

@keyframes givewp-spinner {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

```