alvierahman90/capitals_quiz
1
0
Fork 0
mirror of https://github.com/alvierahman90/capitals_quiz.git synced 2024-11-23 17:59:55 +00:00
Code Issues Projects Releases Wiki Activity

remove redundant selectors

Browse Source
This commit is contained in:
Akbar Rahman 2021-04-11 18:03:01 +01:00
parent a643fe3b75
commit 071eb7c76c
1 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/game_styles.css
View File

@ -26,27 +26,27 @@
100% { background: var(--default-bg); }
}
#game #toprow {
#toprow {
display: flex;
justify-content: space-between;
align-items: center;
}
@media only screen and (max-width: 600px) {
#game #toprow {
#toprow {
flex-direction: column-reverse;
}
}
#game #question {
#question {
font-size: 1.5em;
}
#game #score {
#score {
--good: var(--green);
--okay: var(--yellow);
--bad: var(--red);
color: var(--good);
background: var(--good);
}
#game .answer {
@ -67,22 +67,22 @@
border-radius: 0.25em;
}
#game .answer #a {
#a {
background-color: var(--a-color);
border-color: var(--a-color);
}
#game .answer #b {
#b {
background-color: var(--b-color);
border-color: var(--b-color);
}
#game .answer #c {
#c {
background-color: var(--c-color);
border-color: var(--c-color);
}
#game .answer #d {
#d {
background-color: var(--d-color);
border-color: var(--d-color);
}
@ -91,9 +91,8 @@ span#questionCountry {
background-color: var(--question-country-color);
}
#settings #region_selector {
#region_selector {
width: 100%;
max-width: 100%;
background: var(--dark-bg);
font-size: 1.5em;
padding: 1em;
@ -106,11 +105,12 @@ span#questionCountry {
width: 100%
}
#settings #selector_results {
#selector_results {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#settings .selector_result {
padding: 1em;
margin: 1em;
}