Noratrieb/womangling
1
0
Fork 0
mirror of https://github.com/Noratrieb/womangling.git synced 2026-01-14 08:55:03 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

init

Browse source
This commit is contained in:
nora 2025-02-13 21:58:53 +01:00
commit e6201286ac
4 changed files with 351 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

93
index.css Normal file
View file

@ -0,0 +1,93 @@
* {
box-sizing: border-box;
}
html {
--color-primary: rebeccapurple;
--color-white: white;
--color-error: red;
}
.main {
width: 100vw;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.content {
max-width: 50rem;
}
.center {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.start-button {
width: 300px;
height: 100px;
font-size: 3rem;
}
.lessons-list {
list-style: none;
padding: 0;
display: flex;
flex-direction: column;
gap: 10px;
}
.step {
padding-bottom: 20px;
border-bottom: 1px solid black;
margin-bottom: 20px;
}
.code {
padding-left: 30px;
}
.hidden {
display: none;
}
form[data-challenge] > .error {
margin-top: 10px;
color: var(--color-error);
}
.quiz-section {
border: 2px var(--color-primary) solid;
border-radius: 5px;
padding: 10px;
}
.submit-challenge {
height: 2.5rem;
background-color: var(--color-primary);
color: var(--color-white);
font-weight: bold;
border: none;
padding: 0px 10px;
cursor: pointer;
&:hover {
background-color: color-mix(in oklab, var(--color-primary), white 15%);
}
&:disabled {
background-color: color-mix(in oklab, var(--color-primary), grey 80%);
cursor: initial;
}
}
.quiz-input {
height: 2.5rem;
font-size: 1rem;
}