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>
|
<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 {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue