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