diff --git a/docs/source/stylesheets/components/_containers.scss b/docs/source/stylesheets/components/_containers.scss index 476cdf9bf..7b13045d2 100644 --- a/docs/source/stylesheets/components/_containers.scss +++ b/docs/source/stylesheets/components/_containers.scss @@ -107,7 +107,7 @@ section { min-height: 314px } - svg { + .fl-right svg { path, ellipse { transform: translateY(12px); diff --git a/docs/source/stylesheets/vendors/_svg-animations.scss b/docs/source/stylesheets/vendors/_svg-animations.scss index ac4d7ca89..9e0cc01ad 100644 --- a/docs/source/stylesheets/vendors/_svg-animations.scss +++ b/docs/source/stylesheets/vendors/_svg-animations.scss @@ -22,7 +22,7 @@ svg { #pin { animation: bounce $timingFunction; } -#ellipse { +ellipse { transform-origin: center center; -moz-transform-origin: 40% 50%; animation: bounceShadow $timingFunction; @@ -30,4 +30,4 @@ svg { @include anim('bounce', 'translateY(0)', 'translateY(-5px)', 'translateY(-5px)'); -@include anim('bounceShadow', 'scale(1)', 'scale(0.75)', 'scale(0.75)'); +@include anim('bounceShadow', 'scale(1) translateY(12px)', 'scale(0.75) translateY(12px)', 'scale(0.75) translateY(12px)');