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;
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;
}

View file

@ -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;