diff --git a/app/frontend/entrypoints/application.css b/app/frontend/entrypoints/application.css new file mode 100644 index 0000000..a380b10 --- /dev/null +++ b/app/frontend/entrypoints/application.css @@ -0,0 +1 @@ +@import "~/stylesheets/index.css"; diff --git a/app/frontend/stylesheets/index.css b/app/frontend/stylesheets/index.css index 1742028..1b1e5c3 100644 --- a/app/frontend/stylesheets/index.css +++ b/app/frontend/stylesheets/index.css @@ -1,3 +1,6 @@ -@import "modern-normalize"; -@import "reset"; +@import "tailwindcss/base"; +@import "tailwindcss/components"; +@import "tailwindcss/utilities"; + @import "base"; + diff --git a/app/frontend/stylesheets/reset.css b/app/frontend/stylesheets/reset.css deleted file mode 100644 index 0e7b575..0000000 --- a/app/frontend/stylesheets/reset.css +++ /dev/null @@ -1,36 +0,0 @@ -:root { - line-height: 1.5; - -webkit-font-smoothing: antialiased; -} - -h1, -h2, -h3, -h4, -h5, -figure, -p, -ol, -ul { - margin: 0; -} - -ol, -ul { - list-style: none; - padding-inline: 0; -} - -h1, -h2, -h3, -h4, -h5 { - font-size: inherit; - font-weight: inherit; -} - -img { - display: block; - max-inline-size: 100%; -} diff --git a/app/views/home/index.html.erb b/app/views/home/index.html.erb index dd259bf..b516f83 100644 --- a/app/views/home/index.html.erb +++ b/app/views/home/index.html.erb @@ -1,3 +1,11 @@ <% provide(:title, "Home") %> -

Find me in app/views/home/index.html.erb

-

Stimulus says,

+
+
+

Welcome

+

Find me in app/views/home/index.html.erb

+

+ Stimulus says, + Hello, World! +

+
+
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb index 9490976..1b7382a 100644 --- a/app/views/layouts/application.html.erb +++ b/app/views/layouts/application.html.erb @@ -10,6 +10,8 @@ <%= vite_client_tag %> <%= vite_javascript_tag "application", "data-turbo-track": "reload" %> + <%= vite_stylesheet_tag "application", data: {"turbo-track": "reload"} %> +