question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

`::before` and `::after`

See original GitHub issue

Can I style pseudo classes like ::before and ::after? If so it would be nice with an example in the docs.

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:5 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
moroshkocommented, Jan 18, 2022

Very helpful, thanks Mike!

0reactions
michaeltarantocommented, Jan 17, 2022

For this i would recommend using the assignInlineVars api from the dynamic package. Then you can setup your styling rules in a vanilla extract style sheet and export the variable reference. The component can then import the variable reference and assign its value dynamically.

Here is a quick sandbox demo.

Hope that helps.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Before and After (film) - Wikipedia
Before and After is a 1996 American crime drama-mystery film based on Rosellen Brown's 1992 novel of the same name about two parents...
Read more >
Before and After (1996) - IMDb
Before and After : Directed by Barbet Schroeder. With Meryl Streep, Liam Neeson, Edward Furlong, Julia Weldon. Two parents deal with the effects...
Read more >
Before and After - Rotten Tomatoes
The lives of Carolyn Ryan (Meryl Streep), a small-town doctor, and her artist husband, Ben (Liam Neeson), are shaken up when their son,...
Read more >
Before and After (1996) ORIGINAL TRAILER [HQ] - YouTube
The original trailer of Before and After directed by Barbet Schroeder and starring Meryl Streep, Liam Neeson, Edward Furlong, Julia Weldon ...
Read more >
::before / ::after | CSS-Tricks - CSS-Tricks
The ::before and ::after pseudo-elements in CSS allows you to insert content onto a page without it needing to be in the HTML....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found