2021-02-05 14:28:15 +01:00
|
|
|
@import "~theme/globals";
|
|
|
|
|
2021-02-19 11:47:38 +01:00
|
|
|
:host ::ng-deep {
|
|
|
|
.core-question-answer-correct {
|
|
|
|
color: var(--core-question-correct-color);
|
|
|
|
}
|
|
|
|
|
|
|
|
.core-question-answer-incorrect {
|
|
|
|
color: var(--core-question-incorrect-color);
|
|
|
|
}
|
2021-02-05 14:28:15 +01:00
|
|
|
|
|
|
|
.core-question-feedback-container ::ng-deep {
|
|
|
|
--color: var(--core-question-feedback-color);
|
|
|
|
--background: var(--core-question-feedback-background-color);
|
2021-02-19 11:47:38 +01:00
|
|
|
color: var(--core-question-feedback-color);
|
|
|
|
background-color: var(--core-question-feedback-background-color);
|
2021-02-05 14:28:15 +01:00
|
|
|
|
|
|
|
.specificfeedback, .rightanswer, .im-feedback, .feedback, .generalfeedback {
|
|
|
|
margin: 0 0 .5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.correctness {
|
|
|
|
display: inline-block;
|
|
|
|
padding: 2px 4px;
|
|
|
|
font-weight: bold;
|
|
|
|
line-height: 14px;
|
|
|
|
color: var(--white);
|
|
|
|
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
|
2022-01-27 18:03:02 +01:00
|
|
|
background-color: var(--gray-500);
|
2021-02-05 14:28:15 +01:00
|
|
|
-webkit-border-radius: 3px;
|
|
|
|
border-radius: 3px;
|
|
|
|
|
|
|
|
&.incorrect {
|
2022-02-03 15:28:40 +01:00
|
|
|
background-color: var(--danger);
|
2021-02-05 14:28:15 +01:00
|
|
|
}
|
|
|
|
&.correct {
|
2022-02-03 15:28:40 +01:00
|
|
|
background-color: var(--success);
|
2021-02-05 14:28:15 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.core-question-feedback-inline {
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.core-question-feedback-padding {
|
|
|
|
@include padding-horizontal(14px, 35px);
|
|
|
|
padding-top: 8px;
|
|
|
|
padding-bottom: 8px;
|
|
|
|
}
|
|
|
|
|
2021-02-19 11:47:38 +01:00
|
|
|
.core-question-correct,
|
|
|
|
.core-question-comment {
|
|
|
|
--background: var(--core-question-correct-color-bg);
|
|
|
|
background-color: var(--core-question-correct-color-bg);
|
|
|
|
color: var(--core-question-correct-color);
|
2021-02-05 14:28:15 +01:00
|
|
|
}
|
|
|
|
.core-question-partiallycorrect {
|
|
|
|
background-color: var(--core-question-state-partial-color);
|
|
|
|
}
|
|
|
|
.core-question-notanswered,
|
|
|
|
.core-question-incorrect {
|
|
|
|
background-color: var(--core-question-state-incorrect-color);
|
|
|
|
}
|
|
|
|
.core-question-answersaved,
|
|
|
|
.core-question-requiresgrading {
|
|
|
|
color: var(--ion-text-color);
|
|
|
|
background-color: var(--core-question-saved-color-bg);
|
|
|
|
}
|
|
|
|
|
|
|
|
.core-question-warning {
|
|
|
|
color: var(--core-question-warning-color);
|
|
|
|
}
|
|
|
|
|
|
|
|
.questioncorrectnessicon,
|
|
|
|
.fa.icon.questioncorrectnessicon {
|
|
|
|
font-size: 20px;
|
|
|
|
}
|
2021-02-19 11:47:38 +01:00
|
|
|
|
|
|
|
.item.item-interactive.item-interactive-disabled ::ng-deep {
|
|
|
|
ion-label, ion-select, ion-checkbox {
|
|
|
|
opacity: 0.7;
|
|
|
|
}
|
|
|
|
}
|
2021-02-05 14:28:15 +01:00
|
|
|
}
|