Convert viewer to Lit component.

2021-09-20 21:33:37 -07:00
parent 9bbf46d4a5
commit 6498ae22cd
11 changed files with 522 additions and 482 deletions
@@ -0,0 +1,39 @@
+@use './common.scss';
+
+.controls {
+  position: absolute;
+  z-index: 1;
+  overflow: hidden;
+}
+.controls.previous {
+  left: 45px;
+}
+.controls.next {
+  right: 45px;  
+}
+
+.controls.chevrons {
+  top: calc(50% - (40px / 2));
+}
+
+.controls.thumbnails {
+  border-radius: 50%;
+  height: 48px;
+  top: calc(50% - (48px / 2));
+  box-shadow: 0px 0px 30px 1px black;
+  transition: all .2s ease;
+  opacity: 0.8;
+}
+.controls.thumbnails:hover {
+  opacity: 1 !important;
+  height: 72px;
+  top: calc(50% - (72px / 2));
+}
+
+.controls.previous.thumbnails:hover {
+  left: 33px;
+}
+
+.controls.next.thumbnails:hover {
+  right: 33px;
+}