From 7f90e5ec9dd3c4da4407d9db1af88cd4651e5e32 Mon Sep 17 00:00:00 2001 From: Jeppe Ernst Date: Sun, 21 Jan 2018 20:01:06 +0100 Subject: [PATCH] firefox and safari CSS fixes --- _scss/module/_camera.scss | 6 ++++-- _scss/module/_indexpage.scss | 4 ++-- 2 files changed, 6 insertions(+), 4 deletions(-) diff --git a/_scss/module/_camera.scss b/_scss/module/_camera.scss index 32f1717b..29baf0df 100644 --- a/_scss/module/_camera.scss +++ b/_scss/module/_camera.scss @@ -6,19 +6,21 @@ z-index: 1000; pointer-events: none; .redLight { - animation: redLigth 1s ease infinite; + animation: redLight 1s ease infinite; } .glare { transform-origin: 80% 80%; + transform-box: fill-box; animation: glare 4s linear infinite; } .outerRing { transform-origin: 50% 50%; + transform-box: fill-box; animation: outerRing 4s linear infinite; } } -@keyframes redLigth { +@keyframes redLight { 0% { fill-opacity: 1; } diff --git a/_scss/module/_indexpage.scss b/_scss/module/_indexpage.scss index e15a7704..82055557 100644 --- a/_scss/module/_indexpage.scss +++ b/_scss/module/_indexpage.scss @@ -13,6 +13,7 @@ section { height: 30px; position: absolute; top: -30px; + right: 0; background: linear-gradient(to left bottom, $alternate-bg 0%,$alternate-bg 49%,$body-bg 50%,$body-bg 100%); background: linear-gradient(to left bottom, transparent 0%,transparent 49%,$body-bg 50%,$body-bg 100%); } @@ -26,8 +27,7 @@ section { .paragraphs { column-count: 2; - margin-bottom: 200px; - margin: 1rem; + margin: 1rem 1rem 200px; h3, p { max-width: 300px; font-family: 'Roboto', sans-serif;