Compare commits

..

3 Commits

View File

@ -60,7 +60,7 @@ td.drawn.bingo:hover {
img#center-field-image { img#center-field-image {
max-height: calc(100vh / 6); max-height: calc(100vh / 6);
max-width: calc(100vh / 6); max-width: calc(100vw / 6);
} }
p#seeed { p#seeed {
@ -74,7 +74,7 @@ span#copy-permalink, span#refresh-bingo {
div#winner-message { div#winner-message {
display: flex; display: flex;
position: fixed; position: fixed;
font-size: 3000%; font-size: xx-large;
text-shadow: 0 0 40px white; text-shadow: 0 0 40px white;
transition: all ease-out .75s; transition: all ease-out .75s;
pointer-events: none; pointer-events: none;
@ -126,3 +126,27 @@ div#winner-message.won {
opacity: 0; 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;
}
}