@myst-theme/styles 1.1.1 → 1.1.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,5 +1,5 @@
1
1
 
2
- > @myst-theme/styles@1.1.1 build
2
+ > @myst-theme/styles@1.1.2 build
3
3
  > tailwindcss -m -i ./app.css -o ../docs/public/tailwind.css
4
4
 
5
5
  Browserslist: caniuse-lite is outdated. Please run:
@@ -8,4 +8,4 @@ Browserslist: caniuse-lite is outdated. Please run:
8
8
 
9
9
  Rebuilding...
10
10
 
11
- Done in 3269ms.
11
+ Done in 3445ms.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,7 @@
1
1
  # @myst-theme/styles
2
2
 
3
+ ## 1.1.2
4
+
3
5
  ## 1.1.1
4
6
 
5
7
  ## 1.1.0
package/button.css CHANGED
@@ -10,9 +10,5 @@
10
10
  &:hover {
11
11
  @apply bg-blue-700;
12
12
  }
13
- /* Hide external link icon on buttons */
14
- & .link-icon {
15
- @apply hidden;
16
- }
17
13
  }
18
14
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@myst-theme/styles",
3
- "version": "1.1.1",
3
+ "version": "1.1.2",
4
4
  "main": "index.js",
5
5
  "style": "app.css",
6
6
  "scripts": {
package/typography.css CHANGED
@@ -15,8 +15,15 @@
15
15
  @apply text-blue-700 dark:text-blue-400 underline decoration-[0.1em] underline-offset-[0.15em] decoration-blue-400 dark:decoration-blue-500 hover:text-blue-500 dark:hover:text-blue-300 hover:decoration-blue-500 dark:hover:decoration-blue-300;
16
16
  }
17
17
 
18
- /* Styles the icon that comes with External and Download links */
18
+ /* External/download link icons: hidden by default, shown only for plain text links in prose */
19
19
  .link-icon {
20
+ @apply hidden;
21
+ }
22
+
23
+ /* Only show link icons when it's a "prose" style element.
24
+ * This rule tries to filter out anything that's not just "link with some text inside, in page content".
25
+ */
26
+ .prose a:not(.button):not(:has(img, figure, picture, video)) > .link-icon {
20
27
  @apply inline-block w-[0.85em] h-[0.85em] ml-0.5 align-baseline opacity-80;
21
28
  }
22
29
  }