@myst-theme/styles 0.2.0 → 0.2.2

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.
@@ -1,8 +1,8 @@
1
1
 
2
- > @myst-theme/styles@0.2.0 build
2
+ > @myst-theme/styles@0.2.2 build
3
3
  > tailwindcss -m -i ./app.css -o ../docs/public/tailwind.css
4
4
 
5
5
 
6
6
  Rebuilding...
7
7
 
8
- Done in 695ms.
8
+ Done in 963ms.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @myst-theme/styles
2
2
 
3
+ ## 0.2.2
4
+
5
+ ## 0.2.1
6
+
7
+ ### Patch Changes
8
+
9
+ - 2ffaab08: Added a 'framed' style for blocks
10
+
3
11
  ## 0.2.0
4
12
 
5
13
  ### Patch Changes
package/app.css CHANGED
@@ -10,3 +10,4 @@
10
10
  @import './block-styles.css';
11
11
  @import './jupyter.css';
12
12
  @import './tasklists.css';
13
+ @import './grid.css';
package/block-styles.css CHANGED
@@ -4,10 +4,13 @@
4
4
 
5
5
  @layer base {
6
6
  .shaded {
7
- @apply pt-5 bg-slate-100 dark:bg-slate-800 mb-3;
7
+ @apply pt-5 bg-slate-100 dark:bg-slate-800 my-5;
8
+ }
9
+ .framed {
10
+ @apply p-5 border shadow bg-slate-50 dark:bg-slate-800 my-5;
8
11
  }
9
12
  .shaded-children > * {
10
- @apply p-2 bg-slate-100 dark:bg-slate-800;
13
+ @apply p-2 bg-slate-50 dark:bg-slate-800;
11
14
  }
12
15
  .rounded-children > * {
13
16
  @apply rounded;
package/grid.css ADDED
@@ -0,0 +1,3 @@
1
+ .myst-grid > * {
2
+ margin: 0 !important;
3
+ }
package/index.js CHANGED
@@ -173,6 +173,7 @@ const safeList = [
173
173
  'col-span-6',
174
174
  // Utilities
175
175
  'shaded',
176
+ 'framed',
176
177
  'shaded-children',
177
178
  'rounded-children',
178
179
  ];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@myst-theme/styles",
3
- "version": "0.2.0",
3
+ "version": "0.2.2",
4
4
  "main": "index.js",
5
5
  "style": "app.css",
6
6
  "scripts": {
package/typography.css CHANGED
@@ -24,6 +24,9 @@
24
24
  .prose table tr:hover td {
25
25
  @apply bg-slate-50 dark:bg-stone-800;
26
26
  }
27
+ .prose table td dl {
28
+ margin: 0;
29
+ }
27
30
  .prose dt > strong {
28
31
  @apply font-bold text-blue-900 dark:text-blue-100;
29
32
  }