Weko
/
ceiba-scores
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/assets/base.css
View File

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

4
src/components/Score.vue
View File

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

6
src/components/ScoreHeader.vue
View File

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

7
src/components/ScoresList.vue
View File

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