loading_spinner.scss in pageflow-12.1.0

- old
+ new

@@ -25,10 +25,17 @@
 /// - `"glow"`: Display radial gradient (default).
 /// - `"custom"`: Display `loading_spinner/background.png` image.
 /// - `"none"`: Nothing
 $loading-spinner-background: "glow" !default;
 
+/// Background size to apply to background image:
+///
+/// - `"auto"`: Do not apply background size (default).
+/// - `"logo"`: Apply same size as for logo image. Allows using
+///   background image as an animated layer of the logo.
+$loading-spinner-background-size: "auto" !default;
+
 /// Radial gradient color.
 $loading-spinner-glow-color: rgba(117, 149, 160, 0.8) !default;
 
 /// Apply opacity animation to glow or background image.
 $loading-spinner-animate-background: true !default;
@@ -55,9 +62,13 @@
                                  $loading-spinner-background-color 140px);
         background-size: 100% 100%;
       } @else if $loading-spinner-background == "custom" {
         content: "";
         background-image: image-url("pageflow/themes/#{$theme-name}/loading_spinner/background.png");
+
+        @if $loading-spinner-background-size == "logo" {
+          background-size: $loading-spinner-logo-width $loading-spinner-logo-height;
+        }
       }
 
       @if $loading-spinner-animate-background {
         opacity: 0;
         @include animation-name(loadingSpinnerGradientAnimation);