feat: make image dropshadow optional
This commit is contained in:
parent
606269cbd4
commit
886708854a
1 changed files with 15 additions and 2 deletions
|
@ -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 {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue