diff options
| author | srichman333 <sarah_n_richman@brown.edu> | 2023-07-18 13:22:36 -0400 |
|---|---|---|
| committer | srichman333 <sarah_n_richman@brown.edu> | 2023-07-18 13:22:36 -0400 |
| commit | 7311dc5e358e34b074391b398e51439b20391ecb (patch) | |
| tree | f42285e7bdc5baa081f8ac920361fbb84a59ef92 /src/client/views/newlightbox/ExploreView/ExploreView.scss | |
| parent | 51718316b592e86c0009b7a27e1e32ba74d2488b (diff) | |
| parent | 5da0b8c1e12abe13d60361af4f6bbb8454b6814d (diff) | |
Merge branch 'master' into data-visualization-sarah
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 |