$px: 0.0625em;
+$oranji: #ed7831;
+$ciemny: #363a3e;
+$zielony: #16a487;
@mixin bubble {
.exercise {
+ img {
+ vertical-align: top;
+ }
+
.question-piece {
@include bubble;
}
}
.message {
float: right;
- margin-right: 20*$px;
+ padding: 0 20*$px;
+ background: red;
+ }
+ .maxscore {
+ background: #16a487;
}
input.check {
}
}
+}
+
+.exercise, .exercise-wtem {
+ .instruction {
+ display: block;
+ margin: .3em;
+ color: green;
+ font-size: .9em;
+ }
+ .instruction:before {
+ content: "☞ ";
+ }
}
.question-piece {
@include bubble-drag;
@include bubble-inline;
+ max-width: 608*$px;
}
.question-piece.disabled {
@include bubble-drag-disabled;
@include bubble-drag;
width: 618*$px;
}
+ .question-piece.short {
+ display: inline-block;
+ margin: .2em .1em;
+ width: auto;
+ }
span.question-piece {
display: inline-block;
margin: .1em;