@ox-content/vite-plugin 3.0.0-alpha.14 → 3.0.0-alpha.16

package/dist/styles/ogp.css

@@ -1,6 +1,6 @@
 /* ox-content OGP Card Plugin - Link card styles */
 
-.ox-ogp-card {
+.ox-ogp-card.ox-ogp-card {
   display: flex;
   margin: 1.5rem 0;
   border: 0;
@@ -11,10 +11,11 @@
   background: transparent;
   text-decoration: none;
   color: var(--octc-color-text);
+  font-weight: 400;
   transition: color 0.2s ease;
 }
 
-.ox-ogp-card:hover {
+.ox-ogp-card.ox-ogp-card:hover {
   text-decoration: none;
 }
 
@@ -61,10 +62,14 @@
   color: var(--octc-color-text-muted);
 }
 
-.ox-ogp-favicon {
+.ox-ogp-card .ox-ogp-favicon {
+  display: block;
+  flex: 0 0 auto;
   width: 16px;
   height: 16px;
+  margin: 0;
   border-radius: 2px;
+  object-fit: contain;
 }
 
 .ox-ogp-domain {
@@ -73,11 +78,13 @@
   white-space: nowrap;
 }
 
-.ox-ogp-image {
+.ox-ogp-card .ox-ogp-image {
+  display: block;
   width: 200px;
   min-width: 200px;
   height: auto;
-  object-fit: cover;
+  margin: 0;
+  object-fit: contain;
   background: var(--octc-color-bg-alt);
 }
 
@@ -109,7 +116,7 @@
     flex-direction: column;
   }
 
-  .ox-ogp-image {
+  .ox-ogp-card .ox-ogp-image {
     width: 100%;
     min-width: 100%;
     height: 160px;

package/dist/styles/twitter-full.css

@@ -1,3 +1,74 @@
+/*
+ * Host-prose isolation for full-fidelity Tweet cards.
+ *
+ * The full card replaces native elements — a `<figure>` root, `<img>`
+ * avatars and media, a `<blockquote>` for the quoted post — and an article
+ * stylesheet such as `@tailwindcss/typography` styles those by element. The
+ * component rules below the isolation block win wherever they set a
+ * property; this file covers the properties they never set, which is how a
+ * `.prose` article was adding image margins to avatars and quotation
+ * typography to the quoted post.
+ *
+ * Every selector doubles the root class (`.ox-tweet.ox-tweet--full`) so it
+ * outranks `.prose <element>` regardless of which stylesheet the host
+ * imports last. Generated quotes need a longer chain still: Tailwind writes
+ * them at `.prose blockquote p:first-of-type::before`.
+ */
+
+/*
+ * The card root is a `<figure>`, and the component sets its margin at one
+ * class of specificity — which `.prose figure` outranks. Restate it here
+ * through the same custom property, so a host that overrides the property
+ * still gets what it asked for.
+ */
+.ox-tweet.ox-tweet--full {
+  margin: var(--ox-tweet-container-margin);
+}
+
+.ox-tweet.ox-tweet--full :where(img, video, figure, picture, svg) {
+  margin: 0;
+}
+
+.ox-tweet.ox-tweet--full :where(p, ul, ol, li, dl, dd, dt, hr, h1, h2, h3, h4, h5, h6) {
+  margin: 0;
+  padding: 0;
+}
+
+.ox-tweet.ox-tweet--full :where(ul, ol) {
+  list-style: none;
+}
+
+.ox-tweet.ox-tweet--full :where(a) {
+  font-weight: inherit;
+  text-decoration: none;
+}
+
+.ox-tweet.ox-tweet--full :where(code, pre, kbd, samp) {
+  padding: 0;
+  font-size: inherit;
+  font-family: inherit;
+  background: none;
+}
+
+.ox-tweet.ox-tweet--full :where(code)::before,
+.ox-tweet.ox-tweet--full :where(code)::after {
+  content: none;
+}
+
+/* The quoted post is a `<blockquote>`, which prose styles the hardest. */
+.ox-tweet.ox-tweet--full .ox-tweet__quote {
+  font-style: normal;
+  font-weight: 400;
+  color: inherit;
+  quotes: none;
+}
+
+.ox-tweet.ox-tweet--full .ox-tweet__quote :where(p)::before,
+.ox-tweet.ox-tweet--full .ox-tweet__quote :where(p)::after,
+.ox-tweet.ox-tweet--full .ox-tweet__quote :where(p):first-of-type::before,
+.ox-tweet.ox-tweet--full .ox-tweet__quote :where(p):last-of-type::after {
+  content: none;
+}
 /*
  * Opt-in full-card chrome for Twitter/X embeds.
  * Loaded only when a page has .ox-tweet--full.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ox-content/vite-plugin",
-  "version": "3.0.0-alpha.14",
+  "version": "3.0.0-alpha.16",
   "description": "Vite plugin for Ox Content - High-performance Markdown processing with Environment API",
   "keywords": [
     "environment-api",
@@ -109,7 +109,7 @@
     "satori-html": "^0.3.2",
     "typescript": "^7.0.2",
     "unified": "^11.0.5",
-    "@ox-content/napi": "3.0.0-alpha.14"
+    "@ox-content/napi": "3.0.0-alpha.16"
   },
   "devDependencies": {
     "@playwright/test": "^1.62.1",