When selecting the :hover selector in Bricks, I can select styles that are available in the user interface, such as underline, color, …
Is it also possible to add custom CSS within the hover state?
I am aware that I could add :hover to the root but I was wondering if it’s possible for the Bricks hover selector.
1 Like
I’m not sure if it’s a bug or intended, but I am finding that it does not work. When I add custom CSS in for the :hover state, the builder shows the applied style (though it also replaces the non-hover state custom CSS, so it looks wrong). Then on the frontend, only the non-hover state works and the hover state CSS is nowhere to be found in the output CSS.
It feels like a bug. If it’s not, it is very unintuitive - the custom CSS box should not be usable in hover state mode if it doesn’t work on the frontend.
No, it is not a bug and working as intended. Question though, why would you want a variable on regular state and then another on hover state?
If you want custom within the hover state, selected as you did and then apply those styles.