S
SolidJS•17mo ago
Bersaelor

Pass prop into style={{}} on hover

I need to send a hex-color into the styles that depends on my data, specifically 
  '&:hover': {
    color: props.color  
  }
  '&:hover': {
    color: props.color  
  }
unfortunately when I use plain style the on-hover isn't working, when I use suid's styled I can't pass the prop
3 Replies
lxsmnsyc
lxsmnsyc•17mo ago
well nested selectors (or selectors, in general) isn't supported by plain style
Bersaelor
Bersaelor•17mo ago
yeah, thats why i was looking into import { styled } from "@suid/material";
Alex Lohr
Alex Lohr•17mo ago
Why not use normal CSS for .class:hover { color: var(--whatever-color); } and then in the component style={{ '--whatever-color': props.color }}?
Want results from more Discord servers?
Add your server
More Posts
Global style tags get added before page is actually visibleI'm trying to get a better understanding of how data loading works in Start. It seems that when I haControl when child component is mountedI am creating a mega menu component which is used in the following way: ``` <MainMenu> <MenuItem Client only component (or client only createResource)Hey... I've a component that renders button depending on browser capabilities, so it makes no sense SolidStart on PleskIs it possible to host a SolidStart app at a hoster who supports Node.js via the `Plesk` "panel"? I Trigger same API call with different payloads in parallel using CreateResourceI am facing issues with making same API call multiple times with different payloads (using ForEach).esm.sh & routerHi all, Trying to get solid's router working with esm.sh and SSR in Deno. I've created an issue withSubscribe toGiven the derive signal `feedback` ```javascript const [store, setStore] = createStore({fb: [0,1,2]}Strange React not defined errorI've created the bare minimum solidjs + vite app with just and index.html and index.jsx page: ``` i