Merge remote-tracking branch 'origin/feature/responsive-fontsize' into 37c3
This commit is contained in:
commit
07fc0ede85
18
style.css
18
style.css
@ -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;
|
||||||
@ -127,14 +127,26 @@ div#winner-message.won {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 767px) and (orientation: portrait){
|
@media screen and (max-width: 767px) and (orientation: portrait) {
|
||||||
td {
|
td {
|
||||||
font-size: large;
|
font-size: large;
|
||||||
}
|
}
|
||||||
|
div#winner-message.won {
|
||||||
|
animation: unset;
|
||||||
|
}
|
||||||
|
div#winner-message {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 576px) and (orientation: portrait){
|
@media screen and (max-width: 576px) and (orientation: portrait) {
|
||||||
td {
|
td {
|
||||||
font-size: unset;
|
font-size: unset;
|
||||||
}
|
}
|
||||||
|
div#winner-message.won {
|
||||||
|
animation: unset;
|
||||||
|
}
|
||||||
|
div#winner-message {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
Loading…
Reference in New Issue
Block a user