woocommerce-paypal-payments/modules/ppcp-settings/resources/css/components/reusable-components/_spinner-overlay.scss
2025-01-27 18:04:47 +01:00

29 lines
618 B
SCSS

.ppcp-r-spinner-overlay {
width: var(--spinner-overlay-width);
height: var(--spinner-overlay-height);
box-shadow: var(--spinner-overlay-box-shadow);
background: var(--spinner-overlay-color);
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 10;
.components-spinner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
width: var(--spinner-size);
height: var(--spinner-size);
}
.ppcp--spinner-message {
position: absolute;
left: 0;
width: 100%;
text-align: center;
top: calc(50% + 20px + var(--spinner-size));
}
}