diff options
| author | Sophie Zhang <sophie_zhang@brown.edu> | 2023-07-18 12:21:17 -0400 |
|---|---|---|
| committer | Sophie Zhang <sophie_zhang@brown.edu> | 2023-07-18 12:21:17 -0400 |
| commit | 8410cd330b676ce50948b2ec1011a72b219ee87b (patch) | |
| tree | 2009a9cd1942cf9662786fdbc2b20c6f0713cb60 /src/client/views/newlightbox/ExploreView/ExploreView.scss | |
| parent | 2bfad0eb9e3d8f8d26f66cf8e6daa801a694cab0 (diff) | |
| parent | 4e1bc2547787e9b1978c23da2045eb46407e1e3c (diff) | |
Merge branch 'master' into sophie-report-manager
Diffstat (limited to 'src/client/views/newlightbox/ExploreView/ExploreView.scss')
| -rw-r--r-- | src/client/views/newlightbox/ExploreView/ExploreView.scss | 44 |
1 files changed, 44 insertions, 0 deletions
diff --git a/src/client/views/newlightbox/ExploreView/ExploreView.scss b/src/client/views/newlightbox/ExploreView/ExploreView.scss new file mode 100644 index 000000000..5a8ab2f87 --- /dev/null +++ b/src/client/views/newlightbox/ExploreView/ExploreView.scss @@ -0,0 +1,44 @@ +@import '../NewLightboxStyles.scss'; + +.exploreView-container { + width: 100%; + height: 100%; + border-radius: 20px; + position: relative; + // transform: scale(1); + background: $gray-l1; + border-top: $standard-border; + border-color: $gray-l2; + border-radius: 0px 0px 20px 20px; + transform-origin: 50% 50%; + overflow: hidden; + + &.dark { + background: $black; + } + + &.light, + &.default { + background: $gray-l1; + } + + .exploreView-doc { + width: 60px; + height: 80px; + position: absolute; + background: $blue-l2; + // opacity: 0.8; + transform-origin: 50% 50%; + transform: translate(-50%, -50%) scale(1); + cursor: pointer; + transition: 0.2s ease; + overflow: hidden; + font-size: 9px; + padding: 10px; + border-radius: 5px; + + &:hover { + transform: translate(calc(-50% * 1.125), calc(-50% * 1.125)) scale(1.5); + } + } +}
\ No newline at end of file |