Web component for embedding background rendered images in html content.
npm i @fireflysemantics/fs-image
Include fs-image
via CDN like this in your html page:
<script src="https://unpkg.com/@fireflysemantics/fs-image"></script>
The image is rendered with this CSS:
static styles = css`
:host {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
}
`;
The project baseline is based on the Lit Element Typescript Starter Project.
This project uses the build configuration
from the rollup starter app as well as the rollup.config.js
example configuration found in the Lit Element Typescript Starter Project.