firefox and safari CSS fixes

This commit is contained in:
Jeppe Ernst 2018-01-21 20:01:06 +01:00
parent 952a79ddad
commit 7f90e5ec9d
2 changed files with 6 additions and 4 deletions

View file

@ -6,19 +6,21 @@
z-index: 1000; z-index: 1000;
pointer-events: none; pointer-events: none;
.redLight { .redLight {
animation: redLigth 1s ease infinite; animation: redLight 1s ease infinite;
} }
.glare { .glare {
transform-origin: 80% 80%; transform-origin: 80% 80%;
transform-box: fill-box;
animation: glare 4s linear infinite; animation: glare 4s linear infinite;
} }
.outerRing { .outerRing {
transform-origin: 50% 50%; transform-origin: 50% 50%;
transform-box: fill-box;
animation: outerRing 4s linear infinite; animation: outerRing 4s linear infinite;
} }
} }
@keyframes redLigth { @keyframes redLight {
0% { 0% {
fill-opacity: 1; fill-opacity: 1;
} }

View file

@ -13,6 +13,7 @@ section {
height: 30px; height: 30px;
position: absolute; position: absolute;
top: -30px; 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, $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%); background: linear-gradient(to left bottom, transparent 0%,transparent 49%,$body-bg 50%,$body-bg 100%);
} }
@ -26,8 +27,7 @@ section {
.paragraphs { .paragraphs {
column-count: 2; column-count: 2;
margin-bottom: 200px; margin: 1rem 1rem 200px;
margin: 1rem;
h3, p { h3, p {
max-width: 300px; max-width: 300px;
font-family: 'Roboto', sans-serif; font-family: 'Roboto', sans-serif;