From af0e739104e8202db90e3ab54bb4946f28aaf1ee Mon Sep 17 00:00:00 2001 From: Kasia Laniecka Date: Wed, 23 Feb 2022 13:35:01 +0100 Subject: [PATCH] Tailwind styling Co-Authored-By: Magda <55574979+Madeele@users.noreply.github.com> --- lesson-04/remix-site/.gitignore | 1 + lesson-04/remix-site/app/root.jsx | 17 +- .../remix-site/app/routes/recipes/index.jsx | 36 +- lesson-04/remix-site/app/styles/tailwind.css | 13 + lesson-04/remix-site/package-lock.json | 6259 ++--------------- lesson-04/remix-site/package.json | 54 +- lesson-04/remix-site/tailwind.config.js | 8 + 7 files changed, 749 insertions(+), 5639 deletions(-) create mode 100644 lesson-04/remix-site/app/styles/tailwind.css create mode 100644 lesson-04/remix-site/tailwind.config.js diff --git a/lesson-04/remix-site/.gitignore b/lesson-04/remix-site/.gitignore index 3f7bf98d..a825da4e 100644 --- a/lesson-04/remix-site/.gitignore +++ b/lesson-04/remix-site/.gitignore @@ -4,3 +4,4 @@ node_modules /build /public/build .env +/app/tailwind.css diff --git a/lesson-04/remix-site/app/root.jsx b/lesson-04/remix-site/app/root.jsx index fae7c273..47b5b47b 100644 --- a/lesson-04/remix-site/app/root.jsx +++ b/lesson-04/remix-site/app/root.jsx @@ -1,12 +1,9 @@ import { Link, Outlet, LiveReload, Links, Meta, Scripts } from "remix"; -import globalStylesUrl from "~/styles/global.css"; +import styles from "./tailwind.css"; -export const links = () => [ - { - rel: "stylesheet", - href: globalStylesUrl, - }, -]; +export function links() { + return [{ rel: "stylesheet", href: styles }]; +} export const meta = () => ({ description: "A recipe blog", @@ -33,7 +30,7 @@ function Document({ children, title }) { {title} - + {children} {process.env.NODE_ENV === "development" ? : null} @@ -45,8 +42,8 @@ function Document({ children, title }) { function Layout({ children }) { return ( <> -