diff options
| author |  Erika <3019731+Princesseuh@users.noreply.github.com>
| 2024-11-04 16:15:11 +0100 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2024-11-04 16:15:11 +0100 |
| commit | 9263e965932b9a6a116801c063c6b7105c39643e (patch) | |
| tree | 8ed6e7f9b048752d70d53744eefbda2166cbcbb9 /examples/basics/src/components | |
| parent | 731b69712b0e9c5d5a4058db3fa3e8bf628c7aad (diff) | |
| download | astro-9263e965932b9a6a116801c063c6b7105c39643e.tar.gz astro-9263e965932b9a6a116801c063c6b7105c39643e.tar.zst astro-9263e965932b9a6a116801c063c6b7105c39643e.zip | |
create-astro updates (#12083)
Co-authored-by: Reuben Tier <64310361+TheOtterlord@users.noreply.github.com>
Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca>
Co-authored-by: Bjorn Lu <bjornlu.dev@gmail.com>
Co-authored-by: Florian Lefebvre <contact@florian-lefebvre.dev>
Co-authored-by: Reuben Tier <otterlord.dev@gmail.com>
Diffstat (limited to 'examples/basics/src/components')
| -rw-r--r-- | examples/basics/src/components/Card.astro | 61 |
1 files changed, 0 insertions, 61 deletions
diff --git a/examples/basics/src/components/Card.astro b/examples/basics/src/components/Card.astro deleted file mode 100644 index bd6d5971e..000000000 --- a/examples/basics/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> |