diff options
Diffstat (limited to 'examples/basics/src/components/Card.astro')
| -rw-r--r-- | examples/basics/src/components/Card.astro | 7 |
1 files changed, 4 insertions, 3 deletions
diff --git a/examples/basics/src/components/Card.astro b/examples/basics/src/components/Card.astro index ee57d4df4..c68fa2ab3 100644 --- a/examples/basics/src/components/Card.astro +++ b/examples/basics/src/components/Card.astro @@ -23,11 +23,11 @@ const { href, title, body } = Astro.props; .link-card { list-style: none; display: flex; - padding: 0.15rem; + padding: 0.25rem; background-color: white; - background-image: var(--accent-gradient); + background-image: none; background-size: 400%; - border-radius: 0.5rem; + border-radius: 0.6rem; background-position: 100%; transition: background-position 0.6s cubic-bezier(0.22, 1, 0.36, 1); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); @@ -55,6 +55,7 @@ const { href, title, body } = Astro.props; } .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)); |