SebinNyshkim/viktor-reference
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: add RefImage component

Browse source
This commit is contained in:
Sebin Nyshkim 2022-09-26 17:26:04 +02:00
parent 9229202881
commit b9b70d403f
1 changed files with 30 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

30
src/components/RefImage.vue Normal file
View file

@ -0,0 +1,30 @@
<template>
<figure class="figure">
<picture class="figure__image">
<slot></slot>
</picture>
<figcaption class="figure__caption">
<slot name="caption"></slot>
</figcaption>
</figure>
</template>
<style lang="scss">
.figure {
max-width: var(--container-width-images);
margin: 0 auto;
&__image {
filter: drop-shadow(0.5rem 0.25rem 0.375rem #000);
}
&__caption {
text-align: center;
}
img {
max-width: 100%;
}
}
</style>