Skip to content

Commit

Permalink
Merge 69a2657 into 0024e05
Browse files Browse the repository at this point in the history
  • Loading branch information
tf committed Dec 6, 2016
2 parents 0024e05 + 69a2657 commit 8cca880
Showing 1 changed file with 22 additions and 17 deletions.
39 changes: 22 additions & 17 deletions app/assets/stylesheets/pageflow/themes/default/loading_spinner.scss
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,10 @@ $loading-spinner-logo-height: 112px !default;
/// Spinner background color.
$loading-spinner-background-color: #3b5159 !default;

/// Spinner glow (radiant) color.
/// Display radial gradient behind logo.
$loading-spinner-display-glow: true !default;

/// Radial gradient color.
$loading-spinner-glow-color: rgba(117, 149, 160, 0.8) !default;

@if not $custom-loading-spinner {
Expand All @@ -31,22 +34,24 @@ $loading-spinner-glow-color: rgba(117, 149, 160, 0.8) !default;
background-color: $loading-spinner-background-color !important;
// scss-lint:enable ImportantRule

&:before {
content: "";
@include radial-gradient(circle,
$loading-spinner-glow-color 0%,
$loading-spinner-background-color 140px);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100% 100%;
display: inline-block;
height: 100%;
width: 100%;
opacity: 0;
@include animation-name(loadingSpinnerGradientAnimation);
@include animation-duration(5s);
@include animation-iteration-count(infinite);
@include animation-timing-function(ease-in);
@if $loading-spinner-display-glow {
&:before {
content: "";
@include radial-gradient(circle,
$loading-spinner-glow-color 0%,
$loading-spinner-background-color 140px);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100% 100%;
display: inline-block;
height: 100%;
width: 100%;
opacity: 0;
@include animation-name(loadingSpinnerGradientAnimation);
@include animation-duration(5s);
@include animation-iteration-count(infinite);
@include animation-timing-function(ease-in);
}
}

@include keyframes(loadingSpinnerGradientAnimation) {
Expand Down

0 comments on commit 8cca880

Please sign in to comment.