From cdeec31affc5a93c094680870e09c734ff4a75a8 Mon Sep 17 00:00:00 2001 From: Simon Schrape Date: Wed, 12 Oct 2016 12:42:12 +0200 Subject: [PATCH] Fix positioning of overlays in load2 to get rid of ghost lines. --- css/load2.css | 10 +++++----- less/load2.less | 10 +++++----- sass/load2.scss | 10 +++++----- 3 files changed, 15 insertions(+), 15 deletions(-) diff --git a/css/load2.css b/css/load2.css index ac21026..412439d 100644 --- a/css/load2.css +++ b/css/load2.css @@ -28,8 +28,8 @@ border-radius: 10.2em 0 0 10.2em; top: -0.1em; left: -0.1em; - -webkit-transform-origin: 5.2em 5.1em; - transform-origin: 5.2em 5.1em; + -webkit-transform-origin: 5.1em 5.1em; + transform-origin: 5.1em 5.1em; -webkit-animation: load2 2s infinite ease 1.5s; animation: load2 2s infinite ease 1.5s; } @@ -39,9 +39,9 @@ background: #0dc5c1; border-radius: 0 10.2em 10.2em 0; top: -0.1em; - left: 5.1em; - -webkit-transform-origin: 0px 5.1em; - transform-origin: 0px 5.1em; + left: 4.9em; + -webkit-transform-origin: 0.1em 5.1em; + transform-origin: 0.1em 5.1em; -webkit-animation: load2 2s infinite ease; animation: load2 2s infinite ease; } diff --git a/less/load2.less b/less/load2.less index 4230414..0e147b8 100644 --- a/less/load2.less +++ b/less/load2.less @@ -35,8 +35,8 @@ border-radius: 10.2em 0 0 10.2em; top:-0.1em; left:-0.1em; - -webkit-transform-origin:5.2em 5.1em; - transform-origin:5.2em 5.1em; + -webkit-transform-origin:5.1em 5.1em; + transform-origin:5.1em 5.1em; -webkit-animation:load2 2s infinite ease 1.5s; animation:load2 2s infinite ease 1.5s; } @@ -47,9 +47,9 @@ background: @background; border-radius: 0 10.2em 10.2em 0; top:-0.1em; - left:5.1em; - -webkit-transform-origin:0px 5.1em; - transform-origin:0px 5.1em; + left:4.9em; + -webkit-transform-origin:0.1em 5.1em; + transform-origin:0.1em 5.1em; -webkit-animation:load2 2s infinite ease; animation:load2 2s infinite ease; } diff --git a/sass/load2.scss b/sass/load2.scss index 0e25e1a..3a806bf 100644 --- a/sass/load2.scss +++ b/sass/load2.scss @@ -35,8 +35,8 @@ $foreground: #FFF; border-radius: 10.2em 0 0 10.2em; top:-0.1em; left:-0.1em; - -webkit-transform-origin:5.2em 5.1em; - transform-origin:5.2em 5.1em; + -webkit-transform-origin:5.1em 5.1em; + transform-origin:5.1em 5.1em; -webkit-animation:load2 2s infinite ease 1.5s; animation:load2 2s infinite ease 1.5s; } @@ -47,9 +47,9 @@ $foreground: #FFF; background: $background; border-radius: 0 10.2em 10.2em 0; top:-0.1em; - left:5.1em; - -webkit-transform-origin:0px 5.1em; - transform-origin:0px 5.1em; + left:4.9em; + -webkit-transform-origin:0.1em 5.1em; + transform-origin:0.1em 5.1em; -webkit-animation:load2 2s infinite ease; animation:load2 2s infinite ease; }