feat: Modification du style

This commit is contained in:
Simon 2023-01-17 12:48:20 +01:00
parent 5a51d17f2b
commit a9b50cd222
4 changed files with 12 additions and 13 deletions

View File

@ -12,18 +12,18 @@
/* semantic color variables for this project */
:root {
--color-background: var(--color-black);
--color-text: var(--color-white);
--color-background: var(--color-white);
--color-text: var(--color-black);
--color-highlight: var(--color-green);
--header-size: var(--header-size-small);
}
/* @media (prefers-color-scheme: dark) {
@media (prefers-color-scheme: dark) {
:root {
--color-background: var(--color-black);
--color-text: var(--color-white);
}
} */
}
@media (min-width: 1024px) {
:root {

View File

@ -188,7 +188,7 @@ function nextQuestion() {
justify-content: center
align-items: center
height: 100%
color: var(--color-white)
color: var(--color-text)
flex-direction: column
p
@ -196,7 +196,7 @@ function nextQuestion() {
text-align: center
margin-bottom: 1rem
a
color: var(--color-white)
color: var(--color-text)
.questions
position: fixed
top: var(--header-size)

View File

@ -24,7 +24,7 @@ header {
width: 100%;
z-index: 1;
top: 0;
border-bottom: 1px solid var(--color-white);
border-bottom: 1px solid var(--color-text);
display: flex;
align-items: center;
align-content: center;
@ -39,14 +39,14 @@ a {
align-items: center;
text-align: center;
align-content: center;
border-right: 1px solid var(--color-white);
border-right: 1px solid var(--color-text);
text-decoration: none;
}
p {
margin: 0 auto;
font-size: 2rem;
color: var(--color-white);
color: var(--color-text);
}
h1 {

View File

@ -44,7 +44,7 @@ header
display: flex
justify-content: center
align-items: center
border-bottom: 2px solid var(--color-white)
border-bottom: 2px solid var(--color-text)
background: var(--color-green)
h1
@ -88,7 +88,6 @@ ul
background-repeat: no-repeat
background-size: contain
// border: 2px solid var(--color-white)
border-radius: 10px
li
@ -97,7 +96,7 @@ ul
background: rgba(0, 0, 0, .5)
border-radius: 10px
position: absolute
border: 2px solid var(--color-white)
border: 2px solid var(--color-text)
&#score_1
display: flex
@ -114,7 +113,7 @@ ul
right: 6%
a
color: var(--color-white)
color: var(--color-text)
display: block
width: 100%
height: 100%