@qti-components/theme 1.5.0 → 1.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/item.css +43 -0
- package/package.json +1 -1
package/dist/item.css
CHANGED
|
@@ -3176,6 +3176,28 @@
|
|
|
3176
3176
|
border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
|
|
3177
3177
|
outline: none
|
|
3178
3178
|
}
|
|
3179
|
+
/* Editor fake-drag projected into the interaction's drop-list shadow.
|
|
3180
|
+
Same `drag` styling so editor previews match runtime visuals.
|
|
3181
|
+
Kept as its own block (separate from the runtime-drag selector list
|
|
3182
|
+
above) because a CSS comment between commas inside a nested selector
|
|
3183
|
+
list is silently dropped by Chrome's nesting parser. */
|
|
3184
|
+
&::part(drag) {
|
|
3185
|
+
&:hover {
|
|
3186
|
+
}
|
|
3187
|
+
&:focus {
|
|
3188
|
+
box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);
|
|
3189
|
+
}
|
|
3190
|
+
box-sizing: border-box;
|
|
3191
|
+
transition: transform 200ms ease-out,
|
|
3192
|
+
box-shadow 200ms ease-out,
|
|
3193
|
+
rotate 200ms ease-out;
|
|
3194
|
+
cursor: grab;
|
|
3195
|
+
background-color: var(--qti-bg);
|
|
3196
|
+
padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);
|
|
3197
|
+
border-radius: var(--qti-border-radius);
|
|
3198
|
+
border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
|
|
3199
|
+
outline: none
|
|
3200
|
+
}
|
|
3179
3201
|
&::part(qti-simple-choice) {
|
|
3180
3202
|
display: flex;
|
|
3181
3203
|
overflow: hidden;
|
|
@@ -3333,6 +3355,27 @@
|
|
|
3333
3355
|
border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
|
|
3334
3356
|
outline: none
|
|
3335
3357
|
}
|
|
3358
|
+
/* Editor fake-drag projected into the interaction's drop-list shadow.
|
|
3359
|
+
Kept as a separate block (not merged into the comma list above)
|
|
3360
|
+
because a CSS comment between commas in a nested selector list is
|
|
3361
|
+
silently dropped by Chrome's nesting parser. */
|
|
3362
|
+
&::part(drag) {
|
|
3363
|
+
&:hover {
|
|
3364
|
+
}
|
|
3365
|
+
&:focus {
|
|
3366
|
+
box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);
|
|
3367
|
+
}
|
|
3368
|
+
box-sizing: border-box;
|
|
3369
|
+
transition: transform 200ms ease-out,
|
|
3370
|
+
box-shadow 200ms ease-out,
|
|
3371
|
+
rotate 200ms ease-out;
|
|
3372
|
+
cursor: grab;
|
|
3373
|
+
background-color: var(--qti-bg);
|
|
3374
|
+
padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);
|
|
3375
|
+
border-radius: var(--qti-border-radius);
|
|
3376
|
+
border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
|
|
3377
|
+
outline: none
|
|
3378
|
+
}
|
|
3336
3379
|
&::part(drop-list) {
|
|
3337
3380
|
display: grid;
|
|
3338
3381
|
height: 3rem;
|