@myst-theme/styles 0.2.4 → 0.2.6

package/.turbo/turbo-build.log

@@ -1,8 +1,8 @@
 
-> @myst-theme/styles@0.2.4 build
+> @myst-theme/styles@0.2.6 build
 > tailwindcss -m -i ./app.css -o ../docs/public/tailwind.css
 
 
 Rebuilding...
 
-Done in 946ms.
+Done in 1171ms.

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @myst-theme/styles
 
+## 0.2.6
+
+### Patch Changes
+
+- 4c9b763a: Updates to styles for hover documents
+
+## 0.2.5
+
+### Patch Changes
+
+- 4232ab31: Move to hover links rather than click links
+
 ## 0.2.4
 
 ## 0.2.3

package/app.css

@@ -11,3 +11,4 @@
 @import './jupyter.css';
 @import './tasklists.css';
 @import './grid.css';
+@import './hover.css';

package/citations.css

@@ -7,7 +7,7 @@ cite {
 .cite-group.narrative cite::after {
   content: ',\00a0';
 }
-.cite-group > span:last-of-type cite::after {
+.cite-group > cite:last-of-type::after {
   content: '';
 }
 .cite-group.parenthetical:before {

package/hover.css

@@ -0,0 +1,40 @@
+.hover-card-content {
+  animation-duration: 0.6s;
+  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
+}
+.hover-card-content[data-side='top'] {
+  animation-name: slideUp;
+}
+.hover-card-content[data-side='bottom'] {
+  animation-name: slideDown;
+}
+
+@keyframes slideUp {
+  from {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes slideDown {
+  from {
+    opacity: 0;
+    transform: translateY(-10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.hover-document {
+  @apply bg-white dark:bg-slate-800 text-sm rounded border border-gray-50 shadow-xl article;
+}
+
+.hover-link {
+  @apply text-blue-700 dark:text-blue-100 no-underline hover:text-blue-500 font-normal;
+}

package/package.json

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