@khanacademy/perseus 6.6.0 → 6.7.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @khanacademy/perseus
 
+## 6.7.0
+
+### Minor Changes
+
+-   a0c71567: Make KaTeX CSS styles also apply to MathJax 3
+
 ## 6.6.0
 
 ### Minor Changes

package/dist/es/index.css

@@ -1576,7 +1576,8 @@ body.mobile ul.inequalities-one-line-radios > li {
   margin-bottom: 32px;
   margin-top: 0;
 }
-.bibliotron-article.framework-perseus.perseus-article:not(.perseus-mobile) .perseus-renderer > .paragraph .paragraph .katex {
+.bibliotron-article.framework-perseus.perseus-article:not(.perseus-mobile) .perseus-renderer > .paragraph .paragraph .katex,
+.bibliotron-article.framework-perseus.perseus-article:not(.perseus-mobile) .perseus-renderer > .paragraph .paragraph mjx-container {
   font-size: 100%;
 }
 .bibliotron-article.framework-perseus.perseus-article:not(.perseus-mobile) .perseus-renderer > .paragraph ul:not(.perseus-widget-radio) {
@@ -1724,7 +1725,8 @@ body.mobile ul.inequalities-one-line-radios > li {
   line-height: 1.25;
   color: #21242C;
 }
-.framework-perseus:not(.perseus-article):not(.perseus-mobile) .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph .katex {
+.framework-perseus:not(.perseus-article):not(.perseus-mobile) .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph .katex,
+.framework-perseus:not(.perseus-article):not(.perseus-mobile) .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph mjx-container {
   color: #21242C;
 }
 .bibliotron-article.framework-perseus.perseus-article.perseus-mobile :not(blockquote) > div.paragraph,
@@ -1895,7 +1897,9 @@ body.mobile ul.inequalities-one-line-radios > li {
     color: #21242C;
   }
   .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph .katex,
-  .framework-perseus:not(.perseus-article).perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph .katex {
+  .framework-perseus:not(.perseus-article).perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph .katex,
+  .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph mjx-container,
+  .framework-perseus:not(.perseus-article).perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph mjx-container {
     color: #21242C;
   }
   .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .perseus-image-caption .paragraph .paragraph,
@@ -1910,18 +1914,24 @@ body.mobile ul.inequalities-one-line-radios > li {
     color: #3B3E40;
   }
   .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .katex,
-  .framework-perseus:not(.perseus-article).perseus-mobile .katex {
+  .framework-perseus:not(.perseus-article).perseus-mobile .katex,
+  .bibliotron-article.framework-perseus.perseus-article.perseus-mobile mjx-container,
+  .framework-perseus:not(.perseus-article).perseus-mobile mjx-container {
     font-size: 21px;
     line-height: 1.2;
     color: #21242C;
   }
   .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .perseus-block-math .katex,
-  .framework-perseus:not(.perseus-article).perseus-mobile .perseus-block-math .katex {
+  .framework-perseus:not(.perseus-article).perseus-mobile .perseus-block-math .katex,
+  .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .perseus-block-math mjx-container,
+  .framework-perseus:not(.perseus-article).perseus-mobile .perseus-block-math mjx-container {
     font-size: 21px;
     line-height: 1.5;
   }
   .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .graphie-label .katex,
-  .framework-perseus:not(.perseus-article).perseus-mobile .graphie-label .katex {
+  .framework-perseus:not(.perseus-article).perseus-mobile .graphie-label .katex,
+  .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .graphie-label mjx-container,
+  .framework-perseus:not(.perseus-article).perseus-mobile .graphie-label mjx-container {
     font-size: 1.21em;
     line-height: 1.2;
   }
@@ -2059,7 +2069,9 @@ body.mobile ul.inequalities-one-line-radios > li {
     color: #21242C;
   }
   .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph .katex,
-  .framework-perseus:not(.perseus-article).perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph .katex {
+  .framework-perseus:not(.perseus-article).perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph .katex,
+  .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph mjx-container,
+  .framework-perseus:not(.perseus-article).perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph mjx-container {
     color: #21242C;
   }
   .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .perseus-image-caption .paragraph .paragraph,
@@ -2074,18 +2086,24 @@ body.mobile ul.inequalities-one-line-radios > li {
     color: #3B3E40;
   }
   .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .katex,
-  .framework-perseus:not(.perseus-article).perseus-mobile .katex {
+  .framework-perseus:not(.perseus-article).perseus-mobile .katex,
+  .bibliotron-article.framework-perseus.perseus-article.perseus-mobile mjx-container,
+  .framework-perseus:not(.perseus-article).perseus-mobile mjx-container {
     font-size: 23px;
     line-height: 1.3;
     color: #21242C;
   }
   .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .perseus-block-math .katex,
-  .framework-perseus:not(.perseus-article).perseus-mobile .perseus-block-math .katex {
+  .framework-perseus:not(.perseus-article).perseus-mobile .perseus-block-math .katex,
+  .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .perseus-block-math mjx-container,
+  .framework-perseus:not(.perseus-article).perseus-mobile .perseus-block-math mjx-container {
     font-size: 30px;
     line-height: 1.3;
   }
   .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .graphie-label .katex,
-  .framework-perseus:not(.perseus-article).perseus-mobile .graphie-label .katex {
+  .framework-perseus:not(.perseus-article).perseus-mobile .graphie-label .katex,
+  .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .graphie-label mjx-container,
+  .framework-perseus:not(.perseus-article).perseus-mobile .graphie-label mjx-container {
     font-size: 1.21em;
     line-height: 1.2;
   }
@@ -2223,7 +2241,9 @@ body.mobile ul.inequalities-one-line-radios > li {
     color: #21242C;
   }
   .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph .katex,
-  .framework-perseus:not(.perseus-article).perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph .katex {
+  .framework-perseus:not(.perseus-article).perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph .katex,
+  .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph mjx-container,
+  .framework-perseus:not(.perseus-article).perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph mjx-container {
     color: #21242C;
   }
   .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .perseus-image-caption .paragraph .paragraph,
@@ -2238,18 +2258,24 @@ body.mobile ul.inequalities-one-line-radios > li {
     color: #3B3E40;
   }
   .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .katex,
-  .framework-perseus:not(.perseus-article).perseus-mobile .katex {
+  .framework-perseus:not(.perseus-article).perseus-mobile .katex,
+  .bibliotron-article.framework-perseus.perseus-article.perseus-mobile mjx-container,
+  .framework-perseus:not(.perseus-article).perseus-mobile mjx-container {
     font-size: 25px;
     line-height: 1.2;
     color: #21242C;
   }
   .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .perseus-block-math .katex,
-  .framework-perseus:not(.perseus-article).perseus-mobile .perseus-block-math .katex {
+  .framework-perseus:not(.perseus-article).perseus-mobile .perseus-block-math .katex,
+  .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .perseus-block-math mjx-container,
+  .framework-perseus:not(.perseus-article).perseus-mobile .perseus-block-math mjx-container {
     font-size: 30px;
     line-height: 1.3;
   }
   .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .graphie-label .katex,
-  .framework-perseus:not(.perseus-article).perseus-mobile .graphie-label .katex {
+  .framework-perseus:not(.perseus-article).perseus-mobile .graphie-label .katex,
+  .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .graphie-label mjx-container,
+  .framework-perseus:not(.perseus-article).perseus-mobile .graphie-label mjx-container {
     font-size: 1.21em;
     line-height: 1.2;
   }
@@ -2951,10 +2977,12 @@ body.mobile .categorizer-container td.category input[type="radio"] + span:active
   min-width: 30px;
   text-align: center;
 }
-.perseus-mobile .tooltip.visible .tooltip-content .katex {
+.perseus-mobile .tooltip.visible .tooltip-content .katex,
+.perseus-mobile .tooltip.visible .tooltip-content mjx-container {
   color: #71b307 !important;
 }
-.perseus-mobile .graphie-label .katex {
+.perseus-mobile .graphie-label .katex,
+.perseus-mobile .graphie-label mjx-container {
   color: inherit !important;
 }
 .framework-perseus .perseus-label-image-widget-instructions div.paragraph {
@@ -2971,7 +2999,8 @@ body.mobile .categorizer-container td.category input[type="radio"] + span:active
 .framework-perseus:not(.perseus-article).perseus-mobile .perseus-label-image-widget-instructions .perseus-block-math {
   padding: 0;
 }
-.framework-perseus:not(.perseus-article).perseus-mobile .perseus-label-image-widget-instructions .perseus-block-math .katex {
+.framework-perseus:not(.perseus-article).perseus-mobile .perseus-label-image-widget-instructions .perseus-block-math .katex,
+.framework-perseus:not(.perseus-article).perseus-mobile .perseus-label-image-widget-instructions .perseus-block-math mjx-container {
   font-size: initial !important;
   line-height: initial !important;
 }
@@ -3209,7 +3238,8 @@ body.mobile .perseus-matrix .math-output {
 [id^="perseus-widget-passage-container"] [id^="perseus-widget-passage"] .passage-text div.paragraph em {
   line-height: 0;
 }
-[id^="perseus-widget-passage-container"] .katex {
+[id^="perseus-widget-passage-container"] .katex,
+[id^="perseus-widget-passage-container"] mjx-container {
   line-height: 18px;
 }
 [id^="perseus-widget-passage-container"] .footnotes {
@@ -3284,7 +3314,8 @@ body.sat-section .perseus-widget-passage {
   border: solid 0.5px #BABEC2;
   border-radius: 4px;
 }
-.perseus-mobile .perseus-widget-plotter .graphie-label .katex {
+.perseus-mobile .perseus-widget-plotter .graphie-label .katex,
+.perseus-mobile .perseus-widget-plotter .graphie-label mjx-container {
   color: #626569;
 }
 .perseus-widget-radio.perseus-rendered-radio div,

package/dist/index.css

@@ -1576,7 +1576,8 @@ body.mobile ul.inequalities-one-line-radios > li {
   margin-bottom: 32px;
   margin-top: 0;
 }
-.bibliotron-article.framework-perseus.perseus-article:not(.perseus-mobile) .perseus-renderer > .paragraph .paragraph .katex {
+.bibliotron-article.framework-perseus.perseus-article:not(.perseus-mobile) .perseus-renderer > .paragraph .paragraph .katex,
+.bibliotron-article.framework-perseus.perseus-article:not(.perseus-mobile) .perseus-renderer > .paragraph .paragraph mjx-container {
   font-size: 100%;
 }
 .bibliotron-article.framework-perseus.perseus-article:not(.perseus-mobile) .perseus-renderer > .paragraph ul:not(.perseus-widget-radio) {
@@ -1724,7 +1725,8 @@ body.mobile ul.inequalities-one-line-radios > li {
   line-height: 1.25;
   color: #21242C;
 }
-.framework-perseus:not(.perseus-article):not(.perseus-mobile) .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph .katex {
+.framework-perseus:not(.perseus-article):not(.perseus-mobile) .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph .katex,
+.framework-perseus:not(.perseus-article):not(.perseus-mobile) .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph mjx-container {
   color: #21242C;
 }
 .bibliotron-article.framework-perseus.perseus-article.perseus-mobile :not(blockquote) > div.paragraph,
@@ -1895,7 +1897,9 @@ body.mobile ul.inequalities-one-line-radios > li {
     color: #21242C;
   }
   .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph .katex,
-  .framework-perseus:not(.perseus-article).perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph .katex {
+  .framework-perseus:not(.perseus-article).perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph .katex,
+  .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph mjx-container,
+  .framework-perseus:not(.perseus-article).perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph mjx-container {
     color: #21242C;
   }
   .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .perseus-image-caption .paragraph .paragraph,
@@ -1910,18 +1914,24 @@ body.mobile ul.inequalities-one-line-radios > li {
     color: #3B3E40;
   }
   .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .katex,
-  .framework-perseus:not(.perseus-article).perseus-mobile .katex {
+  .framework-perseus:not(.perseus-article).perseus-mobile .katex,
+  .bibliotron-article.framework-perseus.perseus-article.perseus-mobile mjx-container,
+  .framework-perseus:not(.perseus-article).perseus-mobile mjx-container {
     font-size: 21px;
     line-height: 1.2;
     color: #21242C;
   }
   .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .perseus-block-math .katex,
-  .framework-perseus:not(.perseus-article).perseus-mobile .perseus-block-math .katex {
+  .framework-perseus:not(.perseus-article).perseus-mobile .perseus-block-math .katex,
+  .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .perseus-block-math mjx-container,
+  .framework-perseus:not(.perseus-article).perseus-mobile .perseus-block-math mjx-container {
     font-size: 21px;
     line-height: 1.5;
   }
   .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .graphie-label .katex,
-  .framework-perseus:not(.perseus-article).perseus-mobile .graphie-label .katex {
+  .framework-perseus:not(.perseus-article).perseus-mobile .graphie-label .katex,
+  .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .graphie-label mjx-container,
+  .framework-perseus:not(.perseus-article).perseus-mobile .graphie-label mjx-container {
     font-size: 1.21em;
     line-height: 1.2;
   }
@@ -2059,7 +2069,9 @@ body.mobile ul.inequalities-one-line-radios > li {
     color: #21242C;
   }
   .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph .katex,
-  .framework-perseus:not(.perseus-article).perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph .katex {
+  .framework-perseus:not(.perseus-article).perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph .katex,
+  .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph mjx-container,
+  .framework-perseus:not(.perseus-article).perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph mjx-container {
     color: #21242C;
   }
   .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .perseus-image-caption .paragraph .paragraph,
@@ -2074,18 +2086,24 @@ body.mobile ul.inequalities-one-line-radios > li {
     color: #3B3E40;
   }
   .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .katex,
-  .framework-perseus:not(.perseus-article).perseus-mobile .katex {
+  .framework-perseus:not(.perseus-article).perseus-mobile .katex,
+  .bibliotron-article.framework-perseus.perseus-article.perseus-mobile mjx-container,
+  .framework-perseus:not(.perseus-article).perseus-mobile mjx-container {
     font-size: 23px;
     line-height: 1.3;
     color: #21242C;
   }
   .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .perseus-block-math .katex,
-  .framework-perseus:not(.perseus-article).perseus-mobile .perseus-block-math .katex {
+  .framework-perseus:not(.perseus-article).perseus-mobile .perseus-block-math .katex,
+  .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .perseus-block-math mjx-container,
+  .framework-perseus:not(.perseus-article).perseus-mobile .perseus-block-math mjx-container {
     font-size: 30px;
     line-height: 1.3;
   }
   .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .graphie-label .katex,
-  .framework-perseus:not(.perseus-article).perseus-mobile .graphie-label .katex {
+  .framework-perseus:not(.perseus-article).perseus-mobile .graphie-label .katex,
+  .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .graphie-label mjx-container,
+  .framework-perseus:not(.perseus-article).perseus-mobile .graphie-label mjx-container {
     font-size: 1.21em;
     line-height: 1.2;
   }
@@ -2223,7 +2241,9 @@ body.mobile ul.inequalities-one-line-radios > li {
     color: #21242C;
   }
   .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph .katex,
-  .framework-perseus:not(.perseus-article).perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph .katex {
+  .framework-perseus:not(.perseus-article).perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph .katex,
+  .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph mjx-container,
+  .framework-perseus:not(.perseus-article).perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph mjx-container {
     color: #21242C;
   }
   .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .perseus-image-caption .paragraph .paragraph,
@@ -2238,18 +2258,24 @@ body.mobile ul.inequalities-one-line-radios > li {
     color: #3B3E40;
   }
   .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .katex,
-  .framework-perseus:not(.perseus-article).perseus-mobile .katex {
+  .framework-perseus:not(.perseus-article).perseus-mobile .katex,
+  .bibliotron-article.framework-perseus.perseus-article.perseus-mobile mjx-container,
+  .framework-perseus:not(.perseus-article).perseus-mobile mjx-container {
     font-size: 25px;
     line-height: 1.2;
     color: #21242C;
   }
   .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .perseus-block-math .katex,
-  .framework-perseus:not(.perseus-article).perseus-mobile .perseus-block-math .katex {
+  .framework-perseus:not(.perseus-article).perseus-mobile .perseus-block-math .katex,
+  .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .perseus-block-math mjx-container,
+  .framework-perseus:not(.perseus-article).perseus-mobile .perseus-block-math mjx-container {
     font-size: 30px;
     line-height: 1.3;
   }
   .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .graphie-label .katex,
-  .framework-perseus:not(.perseus-article).perseus-mobile .graphie-label .katex {
+  .framework-perseus:not(.perseus-article).perseus-mobile .graphie-label .katex,
+  .bibliotron-article.framework-perseus.perseus-article.perseus-mobile .graphie-label mjx-container,
+  .framework-perseus:not(.perseus-article).perseus-mobile .graphie-label mjx-container {
     font-size: 1.21em;
     line-height: 1.2;
   }
@@ -2951,10 +2977,12 @@ body.mobile .categorizer-container td.category input[type="radio"] + span:active
   min-width: 30px;
   text-align: center;
 }
-.perseus-mobile .tooltip.visible .tooltip-content .katex {
+.perseus-mobile .tooltip.visible .tooltip-content .katex,
+.perseus-mobile .tooltip.visible .tooltip-content mjx-container {
   color: #71b307 !important;
 }
-.perseus-mobile .graphie-label .katex {
+.perseus-mobile .graphie-label .katex,
+.perseus-mobile .graphie-label mjx-container {
   color: inherit !important;
 }
 .framework-perseus .perseus-label-image-widget-instructions div.paragraph {
@@ -2971,7 +2999,8 @@ body.mobile .categorizer-container td.category input[type="radio"] + span:active
 .framework-perseus:not(.perseus-article).perseus-mobile .perseus-label-image-widget-instructions .perseus-block-math {
   padding: 0;
 }
-.framework-perseus:not(.perseus-article).perseus-mobile .perseus-label-image-widget-instructions .perseus-block-math .katex {
+.framework-perseus:not(.perseus-article).perseus-mobile .perseus-label-image-widget-instructions .perseus-block-math .katex,
+.framework-perseus:not(.perseus-article).perseus-mobile .perseus-label-image-widget-instructions .perseus-block-math mjx-container {
   font-size: initial !important;
   line-height: initial !important;
 }
@@ -3209,7 +3238,8 @@ body.mobile .perseus-matrix .math-output {
 [id^="perseus-widget-passage-container"] [id^="perseus-widget-passage"] .passage-text div.paragraph em {
   line-height: 0;
 }
-[id^="perseus-widget-passage-container"] .katex {
+[id^="perseus-widget-passage-container"] .katex,
+[id^="perseus-widget-passage-container"] mjx-container {
   line-height: 18px;
 }
 [id^="perseus-widget-passage-container"] .footnotes {
@@ -3284,7 +3314,8 @@ body.sat-section .perseus-widget-passage {
   border: solid 0.5px #BABEC2;
   border-radius: 4px;
 }
-.perseus-mobile .perseus-widget-plotter .graphie-label .katex {
+.perseus-mobile .perseus-widget-plotter .graphie-label .katex,
+.perseus-mobile .perseus-widget-plotter .graphie-label mjx-container {
   color: #626569;
 }
 .perseus-widget-radio.perseus-rendered-radio div,

package/package.json

@@ -3,7 +3,7 @@
     "description": "Core Perseus API (includes renderers and widgets)",
     "author": "Khan Academy",
     "license": "MIT",
-    "version": "6.6.0",
+    "version": "6.7.0",
     "publishConfig": {
         "access": "public"
     },

package/src/styles/articles.less

@@ -99,7 +99,7 @@
         // inline, so we rely on the "actual paragraph" check above
         // (a .paragraph that contains another .paragraph instead of a
         // .perseus-block-math).
-        .katex {
+        .katex, mjx-container {
             font-size: 100%;
         }
     }
@@ -282,7 +282,7 @@
             .paragraph {
                 .text(@choiceTextSize, @choiceLineHeight, @gray17);
 
-                .katex {
+                .katex, mjx-container {
                     color: @gray17;
                 }
             }
@@ -403,7 +403,7 @@
             .paragraph {
                 .text(@choiceTextSize, @choiceLineHeight, @gray17);
 
-                .katex {
+                .katex, mjx-container {
                     color: @gray17;
                 }
             }
@@ -430,13 +430,14 @@
 
     .math(@blockMathTextSize; @blockMathLineHeight;
           @inlineMathTextSize; @inlineMathLineHeight) {
-        .katex {
+        .katex, mjx-container {
             font-size: @inlineMathTextSize;
             line-height: @inlineMathLineHeight;
             color: @gray17;
         }
 
-        .perseus-block-math .katex {
+        .perseus-block-math .katex,
+        .perseus-block-math mjx-container {
             font-size: @blockMathTextSize;
             line-height: @blockMathLineHeight;
         }
@@ -446,7 +447,8 @@
         // https://github.com/Khan/KaTeX/blob/965b8a6164ee54212bf382108f256c6920eb7a70/static/katex.less#L18.
         // It's dangerous to resize labels, since they're deliberately
         // positioned relative to their background images.
-        .graphie-label .katex {
+        .graphie-label .katex,
+        .graphie-label mjx-container {
             font-size: 1.21em;
             line-height: 1.2;
         }

package/src/styles/widgets/interactive-graph.less

@@ -41,7 +41,7 @@
         border-radius: 5px;
         bottom: 50px;
 
-        .katex {
+        .katex, mjx-container {
             color: @kaGreen !important;
         }
 
@@ -55,7 +55,8 @@
         text-align: center;
     }
 
-    .graphie-label .katex {
+    .graphie-label .katex,
+    .graphie-label mjx-container {
         color: inherit !important;
     }
 }

package/src/styles/widgets/label-image.less

@@ -22,7 +22,7 @@
         .perseus-block-math {
             padding: 0;
 
-            .katex {
+            .katex, mjx-container {
                 font-size: initial !important;
                 line-height: initial !important;
             }

package/src/styles/widgets/passage.less

@@ -66,7 +66,7 @@
             }
         }
     }
-    .katex {
+    .katex, mjx-container {
         line-height: @line-height - 2;
     }
 

package/src/styles/widgets/plotter.less

@@ -22,7 +22,8 @@
         border: solid 0.5px @gray76;
         border-radius: 4px;
 
-        .graphie-label .katex {
+        .graphie-label .katex,
+        .graphie-label mjx-container {
             color: @gray41;
         }
     }