diff --git a/app/assets/builds/tailwind.css b/app/assets/builds/tailwind.css index bc4459a..8c3daee 100644 --- a/app/assets/builds/tailwind.css +++ b/app/assets/builds/tailwind.css @@ -7,7 +7,6 @@ 'Noto Color Emoji'; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; - --color-red-500: oklch(63.7% 0.237 25.331); --color-red-600: oklch(57.7% 0.245 27.325); --color-red-700: oklch(50.5% 0.213 27.518); --color-amber-100: oklch(96.2% 0.059 95.617); @@ -46,6 +45,7 @@ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); + --color-satanam: #e63626; } } @layer base { @@ -200,6 +200,9 @@ .static { position: static; } + .mt-1 { + margin-top: calc(var(--spacing) * 1); + } .mt-2 { margin-top: calc(var(--spacing) * 2); } @@ -282,12 +285,12 @@ .bg-green-100 { background-color: var(--color-green-100); } - .bg-red-500 { - background-color: var(--color-red-500); - } .bg-red-600 { background-color: var(--color-red-600); } + .bg-satanam { + background-color: var(--color-satanam); + } .bg-white { background-color: var(--color-white); } diff --git a/app/assets/tailwind/application.css b/app/assets/tailwind/application.css index f1d8c73..c60e735 100644 --- a/app/assets/tailwind/application.css +++ b/app/assets/tailwind/application.css @@ -1 +1,5 @@ @import "tailwindcss"; + +@theme { + --color-satanam: #e63626; +} diff --git a/app/views/home/index.html.erb b/app/views/home/index.html.erb index 74fa0aa..4a1ac5c 100644 --- a/app/views/home/index.html.erb +++ b/app/views/home/index.html.erb @@ -1,6 +1,6 @@ <%= turbo_stream_from "counter" %> -
+

Hello, World!

Rails 8 Full Stack Demo