diff options
Diffstat (limited to 'examples/basics/src/components/Card.astro')
| -rw-r--r-- | examples/basics/src/components/Card.astro | 42 |
1 files changed, 21 insertions, 21 deletions
diff --git a/examples/basics/src/components/Card.astro b/examples/basics/src/components/Card.astro index 53b67a9da..4039d4f4f 100644 --- a/examples/basics/src/components/Card.astro +++ b/examples/basics/src/components/Card.astro @@ -1,26 +1,26 @@ --- export interface Props { - title: string, - body: string, - href: string, + title: string; + body: string; + href: string; } -const {href, title, body} = Astro.props; +const { href, title, body } = Astro.props; --- + <li class="link-card"> - <a href={href}> - <h2> - {title} - <span>→</span> - </h2> - <p> - {body} - </p> - </a> + <a href={href}> + <h2> + {title} + <span>→</span> + </h2> + <p> + {body} + </p> + </a> </li> <style> - :root { - --link-gradient: linear-gradient(45deg, #4F39FA, #DA62C4 30%, var(--color-border) 60%); + --link-gradient: linear-gradient(45deg, #4f39fa, #da62c4 30%, var(--color-border) 60%); } .link-card { @@ -49,11 +49,11 @@ const {href, title, body} = Astro.props; margin: 0; transition: color 0.6s cubic-bezier(0.22, 1, 0.36, 1); } - - p { - margin-top: 0.75rem; - margin-bottom: 0; - } + + p { + margin-top: 0.75rem; + margin-bottom: 0; + } h2 span { display: inline-block; @@ -65,7 +65,7 @@ const {href, title, body} = Astro.props; } .link-card:is(:hover, :focus-within) h2 { - color: #4F39FA; + color: #4f39fa; } .link-card:is(:hover, :focus-within) h2 span { |