fixed broken things without wearing cat ears #3
28
style.css
28
style.css
@ -60,7 +60,7 @@ td.drawn.bingo:hover {
|
||||
|
||||
img#center-field-image {
|
||||
max-height: calc(100vh / 6);
|
||||
max-width: calc(100vh / 6);
|
||||
max-width: calc(100vw / 6);
|
||||
}
|
||||
|
||||
p#seeed {
|
||||
@ -74,7 +74,7 @@ span#copy-permalink, span#refresh-bingo {
|
||||
div#winner-message {
|
||||
display: flex;
|
||||
position: fixed;
|
||||
font-size: 3000%;
|
||||
font-size: xx-large;
|
||||
text-shadow: 0 0 40px white;
|
||||
transition: all ease-out .75s;
|
||||
pointer-events: none;
|
||||
@ -126,3 +126,27 @@ div#winner-message.won {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) and (orientation: portrait) {
|
||||
td {
|
||||
font-size: large;
|
||||
}
|
||||
div#winner-message.won {
|
||||
animation: unset;
|
||||
}
|
||||
div#winner-message {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 576px) and (orientation: portrait) {
|
||||
td {
|
||||
font-size: unset;
|
||||
}
|
||||
div#winner-message.won {
|
||||
animation: unset;
|
||||
}
|
||||
div#winner-message {
|
||||
display: none;
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue
Block a user