diff options
| author | ivarlovlie <ivar.lovlie@gmail.com> | 2020-06-15 19:13:57 +0200 |
|---|---|---|
| committer | ivarlovlie <ivar.lovlie@gmail.com> | 2020-06-15 19:13:57 +0200 |
| commit | 55483eee0f655ea9e5bdf88165ec1f2a107f39dc (patch) | |
| tree | 5f655c697c17e54f0d2e662b82b242c33676b422 /lightbox/lightbox.css | |
| download | web-components-55483eee0f655ea9e5bdf88165ec1f2a107f39dc.tar.xz web-components-55483eee0f655ea9e5bdf88165ec1f2a107f39dc.zip | |
Initial commit
Diffstat (limited to 'lightbox/lightbox.css')
| -rw-r--r-- | lightbox/lightbox.css | 21 |
1 files changed, 21 insertions, 0 deletions
diff --git a/lightbox/lightbox.css b/lightbox/lightbox.css new file mode 100644 index 0000000..953af83 --- /dev/null +++ b/lightbox/lightbox.css @@ -0,0 +1,21 @@ +img.lightbox[data-light-box-id] { + cursor: pointer; +} + +[data-light-box-wrapper-id] { + background-color: #0b0704; + position: fixed; + top: 0; + left: 0; + height: 100%; + width: 100%; + display: flex; + justify-content: center; + align-items: center; +} + +[data-light-box-wrapper-id] img { + padding: 1rem; + max-height: calc(100% - 50px); + max-width: calc(100% - 50px); +}
\ No newline at end of file |