@pie-players/pie-theme 0.3.66 → 0.3.67
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/components.css +24 -5
- package/package.json +1 -1
package/dist/components.css
CHANGED
|
@@ -735,11 +735,14 @@ table {
|
|
|
735
735
|
|
|
736
736
|
.pie-answer-eliminator-toggle {
|
|
737
737
|
/* em, not px: PNP font scaling raises the surrounding text size without
|
|
738
|
-
touching px boxes, which left a fixed 28px control under grown text.
|
|
739
|
-
|
|
740
|
-
box stays past SC 2.5.8's 24px
|
|
741
|
-
|
|
742
|
-
|
|
738
|
+
touching px boxes, which left a fixed 28px control under grown text. The
|
|
739
|
+
box is 1.75x the surrounding text and the glyph 1.125x — the 28px/18px the
|
|
740
|
+
control used to pin at a 16px base — and the box stays past SC 2.5.8's 24px
|
|
741
|
+
minimum for any base at or above 14px. The box divides by the glyph factor
|
|
742
|
+
because `em` in a length resolves against this element's own font-size, not
|
|
743
|
+
the parent's; a bare 1.75em here measures 31.5px, not 28px. */
|
|
744
|
+
width: calc(1.75em / 1.125);
|
|
745
|
+
height: calc(1.75em / 1.125);
|
|
743
746
|
padding: 0;
|
|
744
747
|
border: 1px solid var(--pie-border, #ccc);
|
|
745
748
|
border-radius: 4px;
|
|
@@ -780,6 +783,22 @@ table {
|
|
|
780
783
|
);
|
|
781
784
|
}
|
|
782
785
|
|
|
786
|
+
/*
|
|
787
|
+
* Dims the choice as well as striking it, so elimination survives a strike
|
|
788
|
+
* colour the learner cannot distinguish. Kept at 0.6 rather than lower: the text
|
|
789
|
+
* stays readable, because eliminating a choice is reversible and the learner has
|
|
790
|
+
* to be able to reconsider it.
|
|
791
|
+
*
|
|
792
|
+
* Keyed on the attribute rather than on the fallback class, because the class is
|
|
793
|
+
* added only by the path for browsers without the CSS Highlight API. The
|
|
794
|
+
* attribute is set by both paths, and a highlight pseudo cannot carry `opacity`
|
|
795
|
+
* at all — declaring it there dimmed nothing, so the modern path shipped the
|
|
796
|
+
* strike as its only cue.
|
|
797
|
+
*/
|
|
798
|
+
[data-pie-answer-eliminated="true"] {
|
|
799
|
+
opacity: 0.6;
|
|
800
|
+
}
|
|
801
|
+
|
|
783
802
|
.pie-answer-eliminator-image-strike {
|
|
784
803
|
position: relative;
|
|
785
804
|
display: inline-block;
|