feat: Modification du style
This commit is contained in:
parent
5a51d17f2b
commit
a9b50cd222
|
@ -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 {
|
||||
|
|
|
@ -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)
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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%
|
||||
|
|
Loading…
Reference in New Issue