Skip to content

Commit f29dd75

Browse files
Copilotargyleink
andauthored
Isolate gs-pointer CSS variables to color stop cards only (#124)
* Initial plan * Isolate gs-pointer variables to only .stop elements (color stop cards) Co-authored-by: argyleink <[email protected]> --------- Co-authored-by: copilot-swe-agent[bot] <[email protected]> Co-authored-by: argyleink <[email protected]>
1 parent e55647e commit f29dd75

1 file changed

Lines changed: 2 additions & 6 deletions

File tree

src/routes/+layout.svelte

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -12,10 +12,10 @@
1212
1313
onMount(() => {
1414
/**
15-
* Pointer-based proximity glow for buttons, selects and .stop components.
15+
* Pointer-based proximity glow for .stop components (color stop cards).
1616
* Extends detection beyond the element bounds so near-edge hover still shines.
1717
*/
18-
const SELECTOR = 'button, select, .stop';
18+
const SELECTOR = '.stop';
1919
const SEARCH_RADIUS = 96; // px beyond the element bounds
2020
let activeEl = /** @type {HTMLElement | null} */ (null);
2121
const darkQuery = window.matchMedia('(prefers-color-scheme: dark)');
@@ -143,8 +143,6 @@
143143
* Proximity-aware gradient border shine
144144
* ------------------------------------------ */
145145
146-
:global(button),
147-
:global(select),
148146
:global(.stop) {
149147
position: relative;
150148
isolation: isolate;
@@ -155,8 +153,6 @@
155153
--gs-pointer-opacity: 0;
156154
}
157155
158-
:global(button)::before,
159-
:global(select)::before,
160156
:global(.stop)::before {
161157
content: "";
162158
position: absolute;

0 commit comments

Comments
 (0)