panki/bingo
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

fixed broken things without wearing cat ears #3

Open
and94x wants to merge 3 commits from feature/responsive-fontsize into master
pull from: feature/responsive-fontsize
merge into: panki:master
Conversation 0 Commits 3 Files Changed 1 +26 -2
1 changed files with 26 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
style.css
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;
}
}