aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/newlightbox/ExploreView
diff options
context:
space:
mode:
authorbobzel <zzzman@gmail.com>2025-03-10 16:13:04 -0400
committerbobzel <zzzman@gmail.com>2025-03-10 16:13:04 -0400
commitb7989dded8bb001876de6cbca59bf77935f0daf7 (patch)
tree0dba0665674db7bb84770833df0a4100d0520701 /src/client/views/newlightbox/ExploreView
parent4979415d4604d280e81a162bf9a9d39c731d3738 (diff)
parent5bf944035c0ba94ad15245416f51ca0329a51bde (diff)
Merge branch 'master' into alyssa-starter
Diffstat (limited to 'src/client/views/newlightbox/ExploreView')
-rw-r--r--src/client/views/newlightbox/ExploreView/ExploreView.scss48
1 files changed, 24 insertions, 24 deletions
diff --git a/src/client/views/newlightbox/ExploreView/ExploreView.scss b/src/client/views/newlightbox/ExploreView/ExploreView.scss
index 5a8ab2f87..2c264c514 100644
--- a/src/client/views/newlightbox/ExploreView/ExploreView.scss
+++ b/src/client/views/newlightbox/ExploreView/ExploreView.scss
@@ -1,4 +1,4 @@
-@import '../NewLightboxStyles.scss';
+@use '../NewLightboxStyles.scss' as newstyles;
.exploreView-container {
width: 100%;
@@ -6,39 +6,39 @@
border-radius: 20px;
position: relative;
// transform: scale(1);
- background: $gray-l1;
- border-top: $standard-border;
- border-color: $gray-l2;
+ background: newstyles.$gray-l1;
+ border-top: newstyles.$standard-border;
+ border-color: newstyles.$gray-l2;
border-radius: 0px 0px 20px 20px;
transform-origin: 50% 50%;
overflow: hidden;
&.dark {
- background: $black;
+ background: newstyles.$black;
}
-
+
&.light,
&.default {
- background: $gray-l1;
+ background: newstyles.$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;
+ width: 60px;
+ height: 80px;
+ position: absolute;
+ background: newstyles.$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);
- }
+ &:hover {
+ transform: translate(calc(-50% * 1.125), calc(-50% * 1.125)) scale(1.5);
+ }
}
-} \ No newline at end of file
+}