vojta001/tinyquiz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Indent CSS with tabs

Browse Source
This commit is contained in:
Vojtěch Káně
2021-04-27 10:21:53 +02:00
parent 9d2ff6a2ba
commit ee91f3d7f8
4 changed files with 106 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

100
ui/static/game.css
View File

@@ -1,104 +1,104 @@
#names {
display: flex;
justify-content: center;
flex-wrap: wrap;
padding: 0 10vw;
font-size: 1.5rem;
display: flex;
justify-content: center;
flex-wrap: wrap;
padding: 0 10vw;
font-size: 1.5rem;
}
.my-name {
font-weight: bold;
font-weight: bold;
}
.name.organiser::before {
content: "👑";
margin-right: .4rem;
content: "👑";
margin-right: .4rem;
}
.name.organiser {
color: gold;
color: gold;
}
.name {
animation-name: appear;
animation-duration: .5s;
display: inline-block;
margin: 0 1rem;
animation-name: appear;
animation-duration: .5s;
display: inline-block;
margin: 0 1rem;
}
#question {
flex-basis: 50%;
display: flex;
justify-content: flex-start;
padding-top: 10vh;
flex-direction: column;
align-items: center;
flex-basis: 50%;
display: flex;
justify-content: flex-start;
padding-top: 10vh;
flex-direction: column;
align-items: center;
}
#question * {
animation-name: appear;
animation-duration: .5s;
animation-name: appear;
animation-duration: .5s;
}
#question > h1 {
font-size: 3rem;
text-align: center;
margin-bottom: .2rem;
font-size: 3rem;
text-align: center;
margin-bottom: .2rem;
}
#question .answers {
display: flex;
flex-wrap: wrap;
justify-content: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#question .answer {
font-size: 2rem;
font-size: 2rem;
}
#timer {
height: 2px;
background-color: blue;
margin-bottom: 5rem;
transition: width .2s;
width: 0;
height: 2px;
background-color: blue;
margin-bottom: 5rem;
transition: width .2s;
width: 0;
}
.answer.selected {
font-weight: bold;
text-shadow: 2px 1px 5px #0003;
font-weight: bold;
text-shadow: 2px 1px 5px #0003;
}
/*body.organiser #question > .answers {
display: none;
display: none;
}*/
#controls {
display: none;
display: none;
}
body.organiser #controls {
display: flex;
padding-right: 20vw;
align-self: flex-end;
display: flex;
padding-right: 20vw;
align-self: flex-end;
}
#session-code {
display: none;
display: none;
}
body.organiser #session-code {
display: inline;
display: inline;
}
@keyframes appear {
from {
transform: scale(2, 2);
opacity: 0;
}
from {
transform: scale(2, 2);
opacity: 0;
}
to {
transform: scale(1, 1);
opacity: 1;
}
to {
transform: scale(1, 1);
opacity: 1;
}
}