@myst-theme/styles 0.9.4 → 0.9.6

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @myst-theme/styles@0.9.4 build
+> @myst-theme/styles@0.9.6 build
 > tailwindcss -m -i ./app.css -o ../docs/public/tailwind.css
 
 Browserslist: caniuse-lite is outdated. Please run:
@@ -8,4 +8,4 @@ Browserslist: caniuse-lite is outdated. Please run:
 
 Rebuilding...
 
-Done in 2239ms.
+Done in 2140ms.

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @myst-theme/styles
 
+## 0.9.6
+
+### Patch Changes
+
+- 1b763c36: Fix style over-rides
+
+## 0.9.5
+
+### Patch Changes
+
+- e3ab7cd3: Add footnotes to bottom of page in addition to hover
+- cf97680e: Add H5 and H6 styles
+
 ## 0.9.4
 
 ## 0.9.3

package/app.css

@@ -14,3 +14,4 @@
 @import './hover.css';
 @import './proof.css';
 @import './toc.css';
+@import './backmatter.css';

package/backmatter.css

@@ -0,0 +1,5 @@
+@layer base {
+  #footnotes p {
+    margin: 0.25rem;
+  }
+}

package/block-styles.css

@@ -1,7 +1,3 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
 @layer base {
   .shaded {
     @apply pt-5 my-5 bg-slate-100 dark:bg-slate-800;

package/cross-references.css

@@ -1,7 +1,3 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
 @layer base {
   .popout > h1,
   .popout > h2,

package/grid-system.css

@@ -1,7 +1,3 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
 @layer base {
   .article-grid {
     @apply grid content-start grid-cols-article-sm md:grid-cols-article-md lg:grid-cols-article-lg xl:grid-cols-article-xl 2xl:grid-cols-article-2xl;

package/index.js

@@ -85,6 +85,7 @@ const themeExtensions = {
         code: {
           fontWeight: '400',
         },
+        // These code before/after elements are hard coded to remove the backticks, "`", that are in by default.
         'code::before': {
           content: '',
         },
@@ -101,6 +102,11 @@ const themeExtensions = {
           marginTop: '0.25rem',
           marginBottom: '0.25rem',
         },
+        // Tailwind doesn't style h5 or h6 at all so this makes them look like headers
+        'h5, h6': {
+          color: 'var(--tw-prose-headings)',
+          fontWeight: '500',
+        },
       },
     },
     invert: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myst-theme/styles",
-  "version": "0.9.4",
+  "version": "0.9.6",
   "main": "index.js",
   "style": "app.css",
   "scripts": {

package/tasklists.css

@@ -1,7 +1,3 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
 @layer base {
   .task-list-item {
     @apply list-none;