garden

2018-04-26T21:42:08.000418Z

Hi, how would the following be done in Garden?

th:hover::after {
  content: "";
  position: absolute;
  background-color: #ffa;
  left: 0;
  top: -5000px;
  height: 10000px;
  width: 100%;
  z-index: -1;
}

shaun-mahood 2018-04-26T21:48:35.000166Z

Maybe not exact but I'm assuming this is the part that is giving you trouble (I know it did for me) - I put in a unicode value that also gave me a bit of trouble in case that helps.

[:th [:&:hover [:&:after {:content "'\\25B2'" }]]]

shaun-mahood 2018-04-26T21:52:49.000076Z

@aaelony ^

2018-04-26T21:53:59.000261Z

I had no idea how to google for that or where to find docs. Big thanks, @shaun-mahood 🙂

shaun-mahood 2018-04-26T21:55:07.000296Z

No problem - it took me a while to get it to work, hopefully that does what you need

👍 1
2018-04-26T21:55:49.000554Z

is th:hover:after the same as th:hover::after?

2018-04-26T21:56:34.000166Z

probably a confluence of my poor css knowledge and not Garden's fault 🙂