From a5c6cfe8088b00ca97a35947da9ddf92d71f74fc Mon Sep 17 00:00:00 2001 From: jfriedli Date: Sat, 29 Mar 2025 15:20:52 +0000 Subject: upgrade to tailwind 4 --- static/src/main.css | 24 +++++++++++++++++++++--- 1 file changed, 21 insertions(+), 3 deletions(-) (limited to 'static') diff --git a/static/src/main.css b/static/src/main.css index d7ec674..faefb2f 100644 --- a/static/src/main.css +++ b/static/src/main.css @@ -1,6 +1,24 @@ -@tailwind base; -@tailwind components; -@tailwind utilities; +@import 'tailwindcss'; + +@config '../../tailwind.config.js'; + +/* + The default border color has changed to `currentColor` in Tailwind CSS v4, + so we've added these compatibility styles to make sure everything still + looks the same as it did with Tailwind CSS v3. + + If we ever want to remove these styles, we need to add an explicit border + color utility to any element that depends on these defaults. +*/ +@layer base { + *, + ::after, + ::before, + ::backdrop, + ::file-selector-button { + border-color: var(--color-gray-200, currentColor); + } +} /* rubik-300 - latin */ @font-face { -- cgit v1.3