KevinMidboe/vinlottis
1
0
Fork 0
Code Issues 8 Pull Requests 14 Packages Projects Releases Wiki Activity

Merge branch 'master' of github.com:KevinMidboe/vinlottis

Browse Source
This commit is contained in:
Kevin
2020-01-22 12:59:46 +01:00
parent cec4672a55 bd1a626a96
commit 94d16a5895
2 changed files with 45 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
src/components/GeneratePage.vue
View File

@@ -307,29 +307,60 @@ button {
flex-direction: row;
justify-content: space-around;
}
.green,
.input-line label:hover input#greenCheckbox ~ .border .checkmark,
.input-line label input#greenCheckbox:checked ~ .border .checkmark {
background-color: #c8f9df;
}
.input-line label:hover input#greenCheckbox ~ .border .checkmark {
background-color: #10e783;
}
.input-line label:focus input#greenCheckbox ~ .border .checkmark,
.input-line label:active input#greenCheckbox ~ .border .checkmark {
background-color: #0ed277;
}
.red,
.input-line label:hover input#redCheckbox ~ .border .checkmark,
.input-line label input#redCheckbox:checked ~ .border .checkmark {
background-color: #fbd7de;
}
.input-line label:hover input#redCheckbox ~ .border .checkmark {
background-color: #ef5878;
}
.input-line label:focus input#redCheckbox ~ .border .checkmark,
.input-line label:active input#redCheckbox ~ .border .checkmark {
background-color: #ec3b61;
}
.yellow,
.input-line label:hover input#yellowCheckbox ~ .border .checkmark,
.input-line label input#yellowCheckbox:checked ~ .border .checkmark {
background-color: #fff6d6;
}
.input-line label:hover input#yellowCheckbox ~ .border .checkmark {
background-color: #ffde5d;
}
.input-line label:focus input#yellowCheckbox ~ .border .checkmark,
.input-line label:active input#yellowCheckbox ~ .border .checkmark {
background-color: #ecc31d;
}
.blue,
.input-line label:hover input#blueCheckbox ~ .border .checkmark,
.input-line label input#blueCheckbox:checked ~ .border .checkmark {
background-color: #d4f2fe;
}
.input-line label:hover input#blueCheckbox ~ .border .checkmark {
background-color: #57d2fb;
}
.input-line label:focus input#blueCheckbox ~ .border .checkmark,
.input-line label:active input#blueCheckbox ~ .border .checkmark {
background-color: #24acda;
}
@media only screen and (max-width: 768px) {
input,