diff options
| author | Joe Carstairs <jcarstairs@scottlogic.com> | 2023-08-01 20:21:11 +0100 |
|---|---|---|
| committer | Joe Carstairs <jcarstairs@scottlogic.com> | 2023-08-02 18:57:52 +0100 |
| commit | 227eac690914886c5dd6d9a8bd627534c86b4a5d (patch) | |
| tree | 36927e42c47b8e1c7c0135bf358e954b0bd8e41a /src/components | |
| parent | 6bd4846b71944add485433703d85982b2396d9ad (diff) | |
Initial commit
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/Card.astro | 61 |
1 files changed, 0 insertions, 61 deletions
diff --git a/src/components/Card.astro b/src/components/Card.astro deleted file mode 100644 index bd6d597..0000000 --- a/src/components/Card.astro +++ /dev/null @@ -1,61 +0,0 @@ ---- -interface Props { - title: string; - body: string; - href: string; -} - -const { href, title, body } = Astro.props; ---- - -<li class="link-card"> - <a href={href}> - <h2> - {title} - <span>→</span> - </h2> - <p> - {body} - </p> - </a> -</li> -<style> - .link-card { - list-style: none; - display: flex; - padding: 1px; - background-color: #23262d; - background-image: none; - background-size: 400%; - border-radius: 7px; - background-position: 100%; - transition: background-position 0.6s cubic-bezier(0.22, 1, 0.36, 1); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - } - .link-card > a { - width: 100%; - text-decoration: none; - line-height: 1.4; - padding: calc(1.5rem - 1px); - border-radius: 8px; - color: white; - background-color: #23262d; - opacity: 0.8; - } - h2 { - margin: 0; - font-size: 1.25rem; - transition: color 0.6s cubic-bezier(0.22, 1, 0.36, 1); - } - p { - margin-top: 0.5rem; - margin-bottom: 0; - } - .link-card:is(:hover, :focus-within) { - background-position: 0; - background-image: var(--accent-gradient); - } - .link-card:is(:hover, :focus-within) h2 { - color: rgb(var(--accent-light)); - } -</style> |