CSS for MathJax Images (#566)

(and remove custom prince css from Epubs and webbook)
pressbooks · Jun 14, 2019 · 8357b6e · 8357b6e
1 parent 2c46b3a
commit 8357b6e
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 7 deletions.
diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json
@@ -10,4 +10,4 @@
  "/scripts/jquery.localScroll.js": "/scripts/jquery.localScroll.js?id=75f2414f7a6394497c86",
  "/scripts/jquery.scrollTo.js": "/scripts/jquery.scrollTo.js?id=525edcc52fe856518628",
  "/styles/lity.css": "/styles/lity.css?id=2cca2f9fd7e0c7c24ac4"
-}
+}
diff --git a/packages/buckram/CHANGELOG.md b/packages/buckram/CHANGELOG.md
@@ -4,6 +4,7 @@
 
 ### Minor Changes
 
+- Add img.mathjax CSS: [#566](https://github.com/pressbooks/pressbooks-book/pull/566)
 - Add `.landscape` class to add landscape option for large tables that overflow: [#563](https://github.com/pressbooks/pressbooks-book/pull/563)
 
 ### Patches

diff --git a/packages/buckram/assets/styles/components/elements/_tables.scss b/packages/buckram/assets/styles/components/elements/_tables.scss
@@ -8,11 +8,12 @@
 
 @import '../utilities';
 
-// stylelint-disable property-no-unknown
-@page landscape_table {
- prince-rotate-body: 270deg;
- }
-// stylelint-enable property-no-unknown
+@if $type == 'prince' {
+ @page landscape_table {
+ /* stylelint-disable-next-line property-no-unknown */
+ prince-rotate-body: 270deg;
+ }
+}
 
 @if $type != 'web' {
  table {

diff --git a/packages/buckram/assets/styles/components/media/_images.scss b/packages/buckram/assets/styles/components/media/_images.scss
@@ -33,6 +33,12 @@
  page-break-inside: avoid !important;
  }
 
+ img.mathjax {
+ vertical-align: middle;
+ border: none;
+ background: none;
+ }
+
  .wp-caption,
  .wp-nocaption {
  height: auto;
@@ -139,6 +145,12 @@
  prince-image-resolution: $prince-image-resolution;
  }
 
+ img.mathjax {
+ vertical-align: middle;
+ border: none;
+ background: none;
+ }
+
  .wp-caption,
  .wp-nocaption {
  height: auto;
@@ -235,7 +247,12 @@
  max-width: 100%;
  padding: 0;
  page-break-inside: avoid !important;
- prince-image-resolution: $prince-image-resolution;
+ }
+
+ img.mathjax {
+ vertical-align: middle;
+ border: none;
+ background: none;
  }
 
  .wp-caption,