Commit adaa3cab authored by Samantha Monty's avatar Samantha Monty

update css plain quizzes

parent 93c28ac1
......@@ -74,7 +74,7 @@ $border-radius: 6px;
&.plain {
button {
border: none;
margin: 10px 1em auto auto;
margin: 0;
padding: 5px 10px;
background-color: $button;
color: #000;
......@@ -187,6 +187,10 @@ $border-radius: 6px;
display: inline-block;
text-align: inherit;
}
&.inline li {
padding: 0.1em 0.7em 0.1em 0;
display: inline;
}
}
}
......@@ -329,7 +333,7 @@ $border-radius: 6px;
position: relative;
width: 100%;
min-height: 100px;
padding: 15px;
padding: 15px 15px 0 15px;
border: 2px var(--border-decoration-style) $button;
border-radius: $border-radius;
box-sizing: border-box;
......@@ -397,9 +401,9 @@ $border-radius: 6px;
flex-flow: column nowrap;
counter-reset: item;
border: none;
margin-top: 2vh;
margin: 2vh 0 0 0;
max-width: max-content;
padding: 15px 0;
padding-top: 15px;
&::before,
&::after {
content: unset;
......@@ -428,14 +432,14 @@ $border-radius: 6px;
background-color: #f1f1f1;
text-align: center;
p {
&::before,
&::after {
content: "✓ ";
font-weight: bolder;
}
&::after {
color: #f1f1f1;
}
&::before,
&::after {
content: "✓ ";
font-weight: bolder;
}
&::after {
color: #f1f1f1;
}
}
}
.optList {
......@@ -443,24 +447,24 @@ $border-radius: 6px;
&.correct p::before,
&.incorrect p.correct::before,
&.incorrect p.incorrect::before {
color: initial;
color: initial;
}
&.correct {
background-color: $right;
p {
&:first-child::before,
&::after {
color: $right;
}
&:first-child::before,
&::after {
color: $right;
}
}
}
&.incorrect {
background-color: $wrong;
p {
&.blank.correct::before,
&::after {
color: $wrong;
}
&.blank.correct::before,
&::after {
color: $wrong;
}
}
}
p {
......
......@@ -476,7 +476,7 @@
.reveal .qmi.plain button,
.reveal [class*="quiz-"].plain button {
border: none;
margin: 10px 1em auto auto;
margin: 0;
padding: 5px 10px;
background-color: #ddd;
color: #000;
......@@ -638,6 +638,13 @@
text-align: inherit;
}
.reveal .qmc.plain.inline li,
.reveal .quiz-mc.plain.inline li,
.reveal .quiz-multiple-choice.plain.inline li {
padding: 0.1em 0.7em 0.1em 0;
display: inline;
}
.reveal .qft,
.reveal [class*="quiz-f"] {
overflow-y: auto;
......@@ -820,7 +827,7 @@
position: relative;
width: 100%;
min-height: 100px;
padding: 15px;
padding: 15px 15px 0 15px;
border: 2px var(--border-decoration-style) #ddd;
border-radius: 6px;
box-sizing: border-box;
......@@ -925,9 +932,9 @@
flex-flow: column nowrap;
counter-reset: item;
border: none;
margin-top: 2vh;
margin: 2vh 0 0 0;
max-width: max-content;
padding: 15px 0;
padding-top: 15px;
}
.reveal .qmi.plain .matchItems::before, .reveal .qmi.plain .matchItems::after,
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment