From 0040d78d543ff47b97614920470d3e7926f142b6 Mon Sep 17 00:00:00 2001
From: Samuel Newman <mozzius@protonmail.com>
Date: Fri, 17 Jul 2026 11:22:44 +0300
Subject: [PATCH] Revert "upgrade tailwind"

This reverts commit 922baa30f90e432eb50576ce09f118eefbd712d3.
---
 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, 10 insertions(+), 7 deletions(-)

diff --git a/bskyembed/pnpm-lock.yaml b/bskyembed/pnpm-lock.yaml
index 9b59990999..aa48201c6f 100644
--- a/bskyembed/pnpm-lock.yaml
+++ b/bskyembed/pnpm-lock.yaml
@@ -2252,6 +2252,7 @@ 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 a442bd0b11..4e8945a957 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 dccce1c313..37ef27559d 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 wrap-break-word whitespace-pre-wrap">
+    <p className="text-md min-[400px]:text-lg leading-snug min-[400px]:leading-snug break-word break-words whitespace-pre-wrap">
       {richText}
     </p>
   )
diff --git a/bskyembed/src/index.css b/bskyembed/src/index.css
index cc0e19212c..230ba30b62 100644
--- a/bskyembed/src/index.css
+++ b/bskyembed/src/index.css
@@ -1,4 +1,6 @@
-@import 'tailwindcss';
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
 
 :root {
   -webkit-font-smoothing: antialiased;