Initial commit
This commit is contained in:
kddd21a
@@ -0,0 +1,197 @@
|
||||
/* Shared reading typography for live exams and answer review. */
|
||||
.exam-session--reading .exam-passage {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.exam-session--reading .exam-pane-heading--title {
|
||||
justify-content: center;
|
||||
margin-bottom: 22px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.exam-session--reading .exam-pane-heading--title span {
|
||||
color: #111827;
|
||||
font-family: Inter, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 22px;
|
||||
font-weight: 700;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
.reader-pane-heading--title {
|
||||
justify-content: center;
|
||||
margin-bottom: 22px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.reader-pane-heading--title h2 {
|
||||
color: #111827;
|
||||
font-family: Inter, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 22px;
|
||||
font-weight: 700;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
.exam-passage-text.rich-passage-content,
|
||||
.reader-passage-content.rich-passage-content,
|
||||
.exam-questions,
|
||||
.reader-question-pane {
|
||||
color: #172033;
|
||||
font-family: Inter, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.exam-passage-text.rich-passage-content,
|
||||
.reader-passage-content.rich-passage-content {
|
||||
font-size: 17px;
|
||||
line-height: 26px;
|
||||
}
|
||||
|
||||
.exam-session--reading .exam-passage-text.rich-passage-content {
|
||||
text-align: justify;
|
||||
text-justify: inter-word;
|
||||
}
|
||||
|
||||
.reader-passage-content.rich-passage-content {
|
||||
text-align: justify;
|
||||
text-justify: inter-word;
|
||||
}
|
||||
|
||||
/* Identical split-pane scrollbars in exam and review modes. */
|
||||
.exam-session--reading .exam-passage,
|
||||
.exam-session--reading .exam-questions,
|
||||
.reader-passage-pane,
|
||||
.reader-question-pane {
|
||||
scrollbar-color: #8a8a8a #f1f3f6;
|
||||
scrollbar-width: thin;
|
||||
}
|
||||
|
||||
.exam-session--reading .exam-passage::-webkit-scrollbar,
|
||||
.exam-session--reading .exam-questions::-webkit-scrollbar,
|
||||
.reader-passage-pane::-webkit-scrollbar,
|
||||
.reader-question-pane::-webkit-scrollbar {
|
||||
width: 10px;
|
||||
}
|
||||
|
||||
.exam-session--reading .exam-passage::-webkit-scrollbar-track,
|
||||
.exam-session--reading .exam-questions::-webkit-scrollbar-track,
|
||||
.reader-passage-pane::-webkit-scrollbar-track,
|
||||
.reader-question-pane::-webkit-scrollbar-track {
|
||||
background: #f1f3f6;
|
||||
}
|
||||
|
||||
.exam-session--reading .exam-passage::-webkit-scrollbar-thumb,
|
||||
.exam-session--reading .exam-questions::-webkit-scrollbar-thumb,
|
||||
.reader-passage-pane::-webkit-scrollbar-thumb,
|
||||
.reader-question-pane::-webkit-scrollbar-thumb {
|
||||
min-height: 44px;
|
||||
border: 2px solid #f1f3f6;
|
||||
border-radius: 10px;
|
||||
background: #8a8a8a;
|
||||
}
|
||||
|
||||
/* Footer without the removed Correct / Incorrect / Current legend. */
|
||||
.reader-review-footer--no-legend {
|
||||
grid-template-columns: minmax(0, 1fr) auto;
|
||||
}
|
||||
|
||||
.reader-review-footer--no-legend .reader-question-nav {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
/* Review cards use the same neutral surface treatment as exam cards. */
|
||||
.reader-question-review,
|
||||
.reader-question-review.is-active {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.reader-question-review.is-active::before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.reader-review-card,
|
||||
.reader-question-review.is-active .reader-review-card {
|
||||
padding: 19px;
|
||||
border: 1px solid #dde5ef;
|
||||
border-radius: 12px;
|
||||
background: #fff;
|
||||
box-shadow: 0 5px 17px rgba(16, 33, 58, .035);
|
||||
}
|
||||
|
||||
.exam-passage-text.rich-passage-content p,
|
||||
.reader-passage-content.rich-passage-content p {
|
||||
margin: 0 0 18px;
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
.exam-passage-text.rich-passage-content h2,
|
||||
.reader-passage-content.rich-passage-content h2 {
|
||||
font-family: inherit;
|
||||
font-size: 26px;
|
||||
font-weight: 700;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
.exam-passage-text.rich-passage-content h3,
|
||||
.reader-passage-content.rich-passage-content h3 {
|
||||
font-family: inherit;
|
||||
font-size: 20px;
|
||||
font-weight: 650;
|
||||
line-height: 1.35;
|
||||
}
|
||||
|
||||
.exam-question-card legend,
|
||||
.exam-question-card legend > span.rich-question-prompt,
|
||||
.reader-question-prompt,
|
||||
.exam-group-instructions,
|
||||
.exam-group-sheet {
|
||||
font-family: inherit;
|
||||
font-size: 17px;
|
||||
line-height: 26px;
|
||||
}
|
||||
|
||||
.exam-question-card legend > span.rich-question-prompt,
|
||||
.reader-question-prompt {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.exam-question-card .rich-question-prompt p,
|
||||
.reader-question-prompt p,
|
||||
.exam-group-instructions p,
|
||||
.exam-group-sheet p,
|
||||
.exam-group-sheet li {
|
||||
font-size: 17px;
|
||||
line-height: 26px;
|
||||
}
|
||||
|
||||
.exam-options label,
|
||||
.exam-text-input,
|
||||
.exam-textarea,
|
||||
.exam-inline-input,
|
||||
.reader-answer-grid strong,
|
||||
.reader-evidence-content blockquote {
|
||||
font-family: inherit;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.reader-answer-grid strong,
|
||||
.reader-evidence-content blockquote {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.reader-answer-grid small,
|
||||
.reader-evidence-content h3,
|
||||
.reader-show-evidence {
|
||||
font-family: inherit;
|
||||
font-size: 13px;
|
||||
line-height: 1.45;
|
||||
}
|
||||
|
||||
@media (max-width: 680px) {
|
||||
.exam-passage-text.rich-passage-content,
|
||||
.reader-passage-content.rich-passage-content {
|
||||
font-size: 16px;
|
||||
line-height: 25px;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user