1
0
Fork 0
mirror of https://github.com/dancojocaru2000/foxbank.git synced 2025-04-21 02:33:54 +03:00
foxbank/client/src/CardBG.svelte
2021-11-14 17:35:37 +02:00

22 lines
No EOL
453 B
Svelte

<script>
export let width;
export let height;
</script>
<main>
<figure class="rounded-x p-3 m-14" style="--width: {width}; --height: {height};">
<slot></slot>
</figure>
</main>
<style>
figure{
width: var(--width);
height: var(--height);
background: linear-gradient(165.31deg, rgba(67, 151, 141, 0.44) 18.49%, rgba(67, 151, 141, 0) 97.15%);
box-shadow: 0px 13px 6px 4px rgba(0, 0, 0, 0.25);
backdrop-filter: blur(12px);
}
</style>