From 144c3cd4f8b5711f0bbf95d1525034a2c58c5267 Mon Sep 17 00:00:00 2001 From: Lisa P Date: Mon, 17 Aug 2015 17:34:54 +0200 Subject: [PATCH] omg add, little animation --- app/styles/app.scss | 2 ++ app/styles/app/animation/tractor.sass | 19 +++++++++++++++++++ app/templates/components/no-repos.hbs | 2 +- 3 files changed, 22 insertions(+), 1 deletion(-) create mode 100644 app/styles/app/animation/tractor.sass diff --git a/app/styles/app.scss b/app/styles/app.scss index 78f30913..1a38e665 100644 --- a/app/styles/app.scss +++ b/app/styles/app.scss @@ -21,6 +21,8 @@ @import "app/components/sync-button"; @import "app/components/loading-indicator"; +@import "app/animation/tractor"; + @import "app/modules/section"; @import "app/modules/loader"; @import "app/modules/tiles"; diff --git a/app/styles/app/animation/tractor.sass b/app/styles/app/animation/tractor.sass new file mode 100644 index 00000000..3b072feb --- /dev/null +++ b/app/styles/app/animation/tractor.sass @@ -0,0 +1,19 @@ +.tractor + @media #{$medium-up} + width: 258px + height: 188px +.tractor-arm + @media #{$medium-up} + width: 90px + height: 71px + transform-origin: 89px 70px + animation: armMovement 1.5s 1 ease + +@keyframes armMovement + 0%, + 100% + transform: rotateZ(0) + 40% + transform: rotateZ(-20deg) + 70% + transform: rotateZ(10deg) \ No newline at end of file diff --git a/app/templates/components/no-repos.hbs b/app/templates/components/no-repos.hbs index 3f2d0657..cbed3683 100644 --- a/app/templates/components/no-repos.hbs +++ b/app/templates/components/no-repos.hbs @@ -43,7 +43,7 @@ c2.3,0,4.5-0.8,6.1-2.2c0.9-1.5,1.4-3.2,1.4-5.1C70,118.4,65.5,113.9,60.1,113.9z"/> - +