@myst-theme/styles 0.1.38 → 0.2.1

package/.turbo/turbo-build.log

@@ -1,8 +1,8 @@
 
-> @myst-theme/styles@0.1.38 build
+> @myst-theme/styles@0.2.1 build
 > tailwindcss -m -i ./app.css -o ../docs/public/tailwind.css
 
 
 Rebuilding...
 
-Done in 899ms.
+Done in 1043ms.

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @myst-theme/styles
 
+## 0.2.1
+
+### Patch Changes
+
+- 2ffaab08: Added a 'framed' style for blocks
+
+## 0.2.0
+
+### Patch Changes
+
+- a61aa03a: Improve margins on children and balancing of callouts and equations.
+
 ## 0.1.38
 
 ## 0.1.37

package/app.css

@@ -10,3 +10,4 @@
 @import './block-styles.css';
 @import './jupyter.css';
 @import './tasklists.css';
+@import './grid.css';

package/block-styles.css

@@ -4,10 +4,13 @@
 
 @layer base {
   .shaded {
-    @apply p-2 bg-slate-100;
+    @apply pt-5 bg-slate-100 dark:bg-slate-800 my-5;
+  }
+  .framed {
+    @apply p-5 border shadow bg-slate-50 dark:bg-slate-800 my-5;
   }
   .shaded-children > * {
-    @apply p-2 bg-slate-100;
+    @apply p-2 bg-slate-50 dark:bg-slate-800;
   }
   .rounded-children > * {
     @apply rounded;

package/figures.css

@@ -8,3 +8,11 @@ figure.quote figcaption > p:before {
 figure.code > div {
   margin: 0;
 }
+figure figcaption > p {
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}
+figure img {
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}

package/grid-system.css

@@ -9,6 +9,8 @@
   .article-grid > * {
     /* The default is spanning the body for any child component */
     @apply col-body;
+    /* Grids do not have margin-collapse, so each direct child needs to be addressed */
+    margin-top: 0 !important;
   }
   .article-grid-gap {
     @apply gap-1 md:gap-2 xl:gap-3 2xl:gap-4;

package/grid.css

@@ -0,0 +1,3 @@
+.myst-grid > * {
+  margin: 0 !important;
+}

package/index.js

@@ -173,6 +173,7 @@ const safeList = [
   'col-span-6',
   // Utilities
   'shaded',
+  'framed',
   'shaded-children',
   'rounded-children',
 ];

package/math.css

@@ -1,3 +1,6 @@
+.katex-display {
+  margin: 0 !important;
+}
 /* Hide katex generated equation numbers */
 .katex .eqn-num {
   opacity: 0;

package/package.json

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

package/typography.css

@@ -24,6 +24,9 @@
   .prose table tr:hover td {
     @apply bg-slate-50 dark:bg-stone-800;
   }
+  .prose table td dl {
+    margin: 0;
+  }
   .prose dt > strong {
     @apply font-bold text-blue-900 dark:text-blue-100;
   }