.sq-logo-letter {
fill: #fff;
}
-
- &:not(.sq-logo-small):hover {
- .sq-logo-arc1 {
- .animation(sq-logo-arc1-animation 0.75s infinite);
- }
- .sq-logo-arc2 {
- .animation(sq-logo-arc2-animation 0.75s infinite);
- }
- .sq-logo-arc3 {
- .animation(sq-logo-arc3-animation 0.75s infinite);
- }
- }
-}
-
-.sq-logo-small {
- .sq-logo-arc {
- fill: #fff;
- }
-}
-
-@-webkit-keyframes sq-logo-arc1-animation {
- 0% { fill: #4f9ed3; }
- 33% { fill: #b5c8d3; }
- 67% { fill: #4f9ed3; }
- 100% { fill: #4f9ed3; }
-}
-@-webkit-keyframes sq-logo-arc2-animation {
- 0% { fill: #4f9ed3; }
- 33% { fill: #4f9ed3; }
- 67% { fill: #b5c8d3; }
- 100% { fill: #4f9ed3; }
-}
-@-webkit-keyframes sq-logo-arc3-animation {
- 0% { fill: #4f9ed3; }
- 33% { fill: #4f9ed3; }
- 67% { fill: #4f9ed3; }
- 100% { fill: #b5c8d3; }
-}
-@keyframes sq-logo-arc1-animation {
- 0% { fill: #4f9ed3; }
- 33% { fill: #b5c8d3; }
- 67% { fill: #4f9ed3; }
- 100% { fill: #4f9ed3; }
-}
-@keyframes sq-logo-arc2-animation {
- 0% { fill: #4f9ed3; }
- 33% { fill: #4f9ed3; }
- 67% { fill: #b5c8d3; }
- 100% { fill: #4f9ed3; }
-}
-@keyframes sq-logo-arc3-animation {
- 0% { fill: #4f9ed3; }
- 33% { fill: #4f9ed3; }
- 67% { fill: #4f9ed3; }
- 100% { fill: #b5c8d3; }
}