diff --git a/pages/blog/packaging-a-vs-code-extension-using-pnpm-and-vsce/index.md b/pages/blog/packaging-a-vs-code-extension-using-pnpm-and-vsce/index.md index b9189940..9d1f29b0 100644 --- a/pages/blog/packaging-a-vs-code-extension-using-pnpm-and-vsce/index.md +++ b/pages/blog/packaging-a-vs-code-extension-using-pnpm-and-vsce/index.md @@ -103,5 +103,5 @@ pnpm’s symlink issues entirely. Using **pnpm** with VS Code extensions involves a few extra steps because `vsce` doesn’t support pnpm’s dependency structure directly. The -ideal workflow: * **Bundle your extension first**, then * **Use +ideal workflow: ***Bundle your extension first**, then* **Use `--no-dependencies`** to package and publish safely. \ No newline at end of file diff --git a/theme/css/blog.css b/theme/css/blog.css index 5ab2c8e5..de612b5a 100644 --- a/theme/css/blog.css +++ b/theme/css/blog.css @@ -127,14 +127,20 @@ a.post-thumb img, .meta_item{ display: inline-flex; align-items: center; } /* Tags */ -.post_tags{ display: flex; flex-wrap: wrap; gap: .4rem .5rem; } +.post_tags{ display: flex; flex-wrap: wrap; gap: .4rem .5rem; align-items: flex-start; } .post_tag{ + display: inline-flex; + align-items: center; + justify-content: center; + line-height: 1; font-size: .8rem; - padding: .25rem .5rem; + padding: .35rem .6rem; border-radius: .5rem; border: 1px solid var(--border, rgba(255,255,255,.16)); color: var(--fg); text-decoration: none; + text-transform: capitalize; + white-space: nowrap; } .post_tag:hover{ background: var(--surface-muted, rgba(255,255,255,.08)); diff --git a/theme/css/content.css b/theme/css/content.css index f67ef339..2a2aaad6 100644 --- a/theme/css/content.css +++ b/theme/css/content.css @@ -1539,15 +1539,23 @@ html[data-mode="dim"] .osl-page-hero{ margin: .1rem 0 1rem; padding: 0; list-style: none; + align-items: flex-start; } .community-tags li{ - padding: .28rem .5rem; + display: inline-flex; + align-items: center; + justify-content: center; + line-height: 1; + padding: .35rem .6rem; border: 1px solid color-mix(in oklab, var(--osl-accent) 25%, var(--border)); background: color-mix(in oklab, var(--osl-accent) 8%, transparent); color: color-mix(in oklab, var(--fg) 86%, var(--osl-accent)); font-size: .78rem; font-weight: 780; + border-radius: .4rem; + text-transform: capitalize; + white-space: nowrap; } .community-event-card{