les-particules
/
les-particules-org
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor: Card span CSS

main
Jalil Arfaoui 2023-09-27 17:04:43 +02:00
parent bec9828f68
commit 4ad98f51e1
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/Card.astro
View File

@ -9,7 +9,7 @@ export interface Props {
const { href, target, title, span} = Astro.props; const { href, target, title, span} = Astro.props;
--- ---
<li class="link-card" style={span ? "grid-column: 1/-1" : ""}> <li class:list={["link-card",{ span }]} >
<a href={href} target={target}> <a href={href} target={target}>
<h2> <h2>
{title} {title}
@ -33,6 +33,9 @@ const { href, target, title, span} = Astro.props;
transition: background-position 0.6s cubic-bezier(0.22, 1, 0.36, 1); 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); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
} }
.link-card.span {
grid-column: 1/-1;
}
.link-card > a { .link-card > a {
width: 100%; width: 100%;