From 52e1dd1c1fad382fc670e815051a7376503b04b7 Mon Sep 17 00:00:00 2001
From: Samuel Newman <mozzius@protonmail.com>
Date: Fri, 17 Jul 2026 11:20:31 +0300
Subject: [PATCH] upgrade tailwind

---
 bskyembed/pnpm-lock.yaml           |  1 -
 bskyembed/src/components/embed.tsx | 10 +++++-----
 bskyembed/src/components/post.tsx  |  2 +-
 bskyembed/src/index.css            |  4 +---
 4 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/bskyembed/pnpm-lock.yaml b/bskyembed/pnpm-lock.yaml
index aa48201c6f..9b59990999 100644
--- a/bskyembed/pnpm-lock.yaml
+++ b/bskyembed/pnpm-lock.yaml
@@ -2252,7 +2252,6 @@ packages:
 
   tailwindcss@4.3.2:
     resolution: {integrity: sha512-WtctNNSH8A9jlMIqxzuYumOHU5uGZyRv0Q5svQl+oEPy5w84YpBxdb7MdqyiSPQge5jTJ6zFQLq0PFygdccSBA==}
-    hasBin: true
 
   tapable@2.3.3:
     resolution: {integrity: sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A==}
diff --git a/bskyembed/src/components/embed.tsx b/bskyembed/src/components/embed.tsx
index 4e8945a957..a442bd0b11 100644
--- a/bskyembed/src/components/embed.tsx
+++ b/bskyembed/src/components/embed.tsx
@@ -280,7 +280,7 @@ function ImageGrid({images}: {images: GridImage[]}) {
       )
     case 2:
       return (
-        <div className="flex gap-1 rounded-xl overflow-hidden w-full aspect-[2/1]">
+        <div className="flex gap-1 rounded-xl overflow-hidden w-full aspect-2/1">
           {images.map((image, i) => (
             <img
               key={i}
@@ -293,7 +293,7 @@ function ImageGrid({images}: {images: GridImage[]}) {
       )
     case 3:
       return (
-        <div className="flex gap-1 rounded-xl overflow-hidden w-full aspect-[2/1]">
+        <div className="flex gap-1 rounded-xl overflow-hidden w-full aspect-2/1">
           <div className="flex-1 aspect-square">
             <img
               src={images[0].thumb}
@@ -322,7 +322,7 @@ function ImageGrid({images}: {images: GridImage[]}) {
             return (
               <div
                 key={i}
-                className="relative aspect-[3/2] rounded-sm overflow-hidden">
+                className="relative aspect-3/2 rounded-sm overflow-hidden">
                 <img
                   src={image.thumb}
                   alt={image.alt}
@@ -374,7 +374,7 @@ function ExternalEmbed({
       {content.external.thumb && (
         <img
           src={content.external.thumb}
-          className="aspect-[1200/630] object-cover"
+          className="aspect-1200/630 object-cover"
         />
       )}
       <div className="py-3 px-4">
@@ -503,7 +503,7 @@ function StarterPackEmbed({
     <Link
       href={starterPackHref}
       className="w-full rounded-xl overflow-hidden border dark:border-slate-600 flex flex-col items-stretch">
-      <img src={imageUri} className="aspect-[1200/630] object-cover" />
+      <img src={imageUri} className="aspect-1200/630 object-cover" />
       <div className="py-3 px-4">
         <div className="flex space-x-2 items-center">
           <img src={starterPackIcon} className="w-10 h-10" />
diff --git a/bskyembed/src/components/post.tsx b/bskyembed/src/components/post.tsx
index 37ef27559d..dccce1c313 100644
--- a/bskyembed/src/components/post.tsx
+++ b/bskyembed/src/components/post.tsx
@@ -191,7 +191,7 @@ function PostContent({record}: {record: app.bsky.feed.post.Main | null}) {
   }
 
   return (
-    <p className="text-md min-[400px]:text-lg leading-snug min-[400px]:leading-snug break-word break-words whitespace-pre-wrap">
+    <p className="text-md min-[400px]:text-lg leading-snug min-[400px]:leading-snug break-word wrap-break-word whitespace-pre-wrap">
       {richText}
     </p>
   )
diff --git a/bskyembed/src/index.css b/bskyembed/src/index.css
index 230ba30b62..cc0e19212c 100644
--- a/bskyembed/src/index.css
+++ b/bskyembed/src/index.css
@@ -1,6 +1,4 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import 'tailwindcss';
 
 :root {
   -webkit-font-smoothing: antialiased;