From b937681c5c2478a2adaeedaa18decdffbc233ae6 Mon Sep 17 00:00:00 2001 From: Jeremy Janella Date: Sat, 15 Mar 2025 01:26:03 -0400 Subject: [PATCH] feat: gradient cards --- .svelte-kit/generated/server/internal.js | 2 +- src/style.css | 14 +++++++++----- 2 files changed, 10 insertions(+), 6 deletions(-) diff --git a/.svelte-kit/generated/server/internal.js b/.svelte-kit/generated/server/internal.js index f3672fb..26c1c79 100644 --- a/.svelte-kit/generated/server/internal.js +++ b/.svelte-kit/generated/server/internal.js @@ -21,7 +21,7 @@ export const options = { app: ({ head, body, assets, nonce, env }) => "\n\n \n \n \n \n \n \n
" + body + "
\n \n\n\n", error: ({ status, message }) => "\n\n\t\n\t\t\n\t\t" + message + "\n\n\t\t\n\t\n\t\n\t\t
\n\t\t\t" + status + "\n\t\t\t
\n\t\t\t\t

" + message + "

\n\t\t\t
\n\t\t
\n\t\n\n" }, - version_hash: "1h255a4" + version_hash: "1j1xf8w" }; export async function get_hooks() { diff --git a/src/style.css b/src/style.css index 5a4e3c2..f0a127e 100644 --- a/src/style.css +++ b/src/style.css @@ -14,23 +14,27 @@ button { } .card { - margin-top: 2rem; + margin-top: 20px; min-width: 75vw; max-width: 90vw; width: min-content; - margin-bottom: 2rem; padding: 12px; - background-color: #222; + background-image: linear-gradient(45deg, #101010, #202020); padding-right: 40px; padding-left: 40px; + border-image: linear-gradient(to bottom, orangered, maroon) 1 100%; + border-style: solid; + border-width: 0; } .align-right { float: right; - border-left: 0.8rem solid orangered; + border-right-width: 0px; + border-left-width: 5px; } .align-left { float: left; - border-right: 0.8rem solid orangered; + border-right-width: 5px; + border-left-width: 0px; } .indent {