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> <template>
<figure class="figure"> <figure class="figure">
<picture class="figure__image"> <picture
class="figure__image"
:class="{ 'figure__image--dropshadow': dropshadow }"
>
<slot></slot> <slot></slot>
</picture> </picture>
@ -21,7 +32,9 @@
} }
&__image { &__image {
filter: drop-shadow(0.5rem 0.25rem 0.375rem #000); &--dropshadow {
filter: drop-shadow(0.5rem 0.25rem 0.375rem #000);
}
} }
&__caption { &__caption {