feat: make image dropshadow optional

This commit is contained in:
Sebin Nyshkim 2023-01-18 13:52:12 +01:00
parent 606269cbd4
commit 886708854a

View file

@ -1,6 +1,17 @@
<script setup lang="ts">
interface Props {
dropshadow?: boolean;
}
defineProps<Props>();
</script>
<template>
<figure class="figure">
<picture class="figure__image">
<picture
class="figure__image"
:class="{ 'figure__image--dropshadow': dropshadow }"
>
<slot></slot>
</picture>
@ -21,7 +32,9 @@
}
&__image {
filter: drop-shadow(0.5rem 0.25rem 0.375rem #000);
&--dropshadow {
filter: drop-shadow(0.5rem 0.25rem 0.375rem #000);
}
}
&__caption {