MDL-70386 theme_boost: quizes correctness badges

This commit is contained in:
Bas Brands 2020-12-09 18:07:10 +01:00
parent 7fa836cf36
commit 250ff98be3
3 changed files with 45 additions and 3 deletions

View File

@ -354,14 +354,14 @@ body.path-question-type {
.que .correctness {
&.correct {
background-color: $success;
@include badge-variant($success);
}
&.partiallycorrect {
background-color: $warning;
@include badge-variant($warning);
}
&.notanswered,
&.incorrect {
background-color: $danger;
@include badge-variant($danger);
}
}

View File

@ -15763,13 +15763,34 @@ body.path-question-type {
margin: 0 0 0.5em; }
.que .correctness.correct {
color: #fff;
background-color: #357a32; }
a.que .correctness.correct:hover, a.que .correctness.correct:focus {
color: #fff;
background-color: #255623; }
a.que .correctness.correct:focus, a.que .correctness.correct.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5); }
.que .correctness.partiallycorrect {
color: #212529;
background-color: #f0ad4e; }
a.que .correctness.partiallycorrect:hover, a.que .correctness.partiallycorrect:focus {
color: #212529;
background-color: #ec971f; }
a.que .correctness.partiallycorrect:focus, a.que .correctness.partiallycorrect.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5); }
.que .correctness.notanswered, .que .correctness.incorrect {
color: #fff;
background-color: #ca3120; }
a.que .correctness.notanswered:hover, a.que .correctness.notanswered:focus, .que .correctness.incorrect:hover, .que .correctness.incorrect:focus {
color: #fff;
background-color: #9e2619; }
a.que .correctness.notanswered:focus, a.que .correctness.notanswered.focus, .que .correctness.incorrect:focus, .que .correctness.incorrect.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5); }
.que .qtext {
margin-bottom: 1.5em; }

View File

@ -15984,13 +15984,34 @@ body.path-question-type {
margin: 0 0 0.5em; }
.que .correctness.correct {
color: #fff;
background-color: #357a32; }
a.que .correctness.correct:hover, a.que .correctness.correct:focus {
color: #fff;
background-color: #255623; }
a.que .correctness.correct:focus, a.que .correctness.correct.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5); }
.que .correctness.partiallycorrect {
color: #212529;
background-color: #f0ad4e; }
a.que .correctness.partiallycorrect:hover, a.que .correctness.partiallycorrect:focus {
color: #212529;
background-color: #ec971f; }
a.que .correctness.partiallycorrect:focus, a.que .correctness.partiallycorrect.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5); }
.que .correctness.notanswered, .que .correctness.incorrect {
color: #fff;
background-color: #ca3120; }
a.que .correctness.notanswered:hover, a.que .correctness.notanswered:focus, .que .correctness.incorrect:hover, .que .correctness.incorrect:focus {
color: #fff;
background-color: #9e2619; }
a.que .correctness.notanswered:focus, a.que .correctness.notanswered.focus, .que .correctness.incorrect:focus, .que .correctness.incorrect.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5); }
.que .qtext {
margin-bottom: 1.5em; }