sbrl/mutate-a-word
sbrl
/
mutate-a-word
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

CSS: improve small screen support

This commit is contained in:
Starbeamrainbowlabs 2022-02-02 21:26:40 +00:00
parent a4395599a9
commit 3a4fc9564e
Signed by: sbrl
GPG Key ID: 1BE5172E637709C2
1 changed files with 31 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
css/theme.css
View File

@ -35,6 +35,7 @@ h1 { margin: 3em 0; }
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
#starting-regen, .starting-regen {
@ -96,3 +97,33 @@ hr {
footer {
background: #0066ff;
}
/*
███████ ███ ███ █████ ██ ██
██ ████ ████ ██ ██ ██ ██
███████ ██ ████ ██ ███████ ██ ██
██ ██ ██ ██ ██ ██ ██ ██
███████ ██ ██ ██ ██ ███████ ███████
███████ ██████ ██████ ███████ ███████ ███ ██ ███████
██ ██ ██ ██ ██ ██ ████ ██ ██
███████ ██ ██████ █████ █████ ██ ██ ██ ███████
██ ██ ██ ██ ██ ██ ██ ██ ██ ██
███████ ██████ ██ ██ ███████ ███████ ██ ████ ███████
*/
@media (max-width: 723px) {
.starting-regen {
display: none;
}
.mutation-step {
flex-wrap: wrap;
}
.mutation-option {
margin: 0.25em 0;
padding: 0.1em 0.2em;
}
}