@explorer-1/vue 0.1.3 → 0.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -8,13 +8,11 @@
|
|
|
8
8
|
'transition-transform': scrollTop > 0 && scrolledCurrentPage, // If not at the top of the page, just transition the transform to prevents content from peeking through on header reveal.
|
|
9
9
|
'transform -translate-y-full': !scrolledUp && !headerVisible,
|
|
10
10
|
'-scrolled transform translate-y-0': scrolledUp && headerVisible && scrollTop > 0,
|
|
11
|
-
'-transparent': invert,
|
|
12
11
|
'-hasSecondary': !headerStore?.highlightPrimary
|
|
13
12
|
}"
|
|
14
13
|
>
|
|
15
14
|
<!-- navbar -->
|
|
16
15
|
<div class="header-bg z-10 max-w-screen-3xl absolute inset-0 mx-auto"></div>
|
|
17
|
-
<div class="bg-primary z-0 absolute right-0 w-1/2 top-0 bottom-0"></div>
|
|
18
16
|
<div class="px-4">
|
|
19
17
|
<div class="h-18 container flex items-center justify-between mx-auto">
|
|
20
18
|
<!-- branding -->
|
|
@@ -287,29 +285,5 @@ export default defineComponent({
|
|
|
287
285
|
}
|
|
288
286
|
}
|
|
289
287
|
}
|
|
290
|
-
|
|
291
|
-
&.-scrolled {
|
|
292
|
-
@apply border-b border-gray-mid border-opacity-50 bg-white;
|
|
293
|
-
|
|
294
|
-
&.-transparent {
|
|
295
|
-
> .header-bg {
|
|
296
|
-
@apply opacity-0 bg-white;
|
|
297
|
-
}
|
|
298
|
-
|
|
299
|
-
.main-navigation {
|
|
300
|
-
> * {
|
|
301
|
-
@apply text-gray-dark;
|
|
302
|
-
|
|
303
|
-
.NavDesktopDropdown > button {
|
|
304
|
-
text-shadow: none;
|
|
305
|
-
}
|
|
306
|
-
}
|
|
307
|
-
}
|
|
308
|
-
}
|
|
309
|
-
|
|
310
|
-
&.-hasSecondary {
|
|
311
|
-
@apply border-0 border-transparent;
|
|
312
|
-
}
|
|
313
|
-
}
|
|
314
288
|
}
|
|
315
289
|
</style>
|
|
@@ -139,7 +139,7 @@ export default defineComponent({
|
|
|
139
139
|
<style lang="scss">
|
|
140
140
|
.NavSecondary {
|
|
141
141
|
top: -1px; // for intersection observer to work
|
|
142
|
-
@apply sticky z-50 w-full bg-white border-b border-gray-mid border-opacity-0 transition-border-opacity duration-150 ease-in;
|
|
142
|
+
@apply sticky z-50 w-full bg-white border-b edu:border-0 border-gray-mid border-opacity-0 transition-border-opacity duration-150 ease-in;
|
|
143
143
|
@apply hidden;
|
|
144
144
|
@screen lg {
|
|
145
145
|
@apply block;
|