firefox and safari CSS fixes
This commit is contained in:
parent
952a79ddad
commit
7f90e5ec9d
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in a new issue