Styletron is a universal CSS-in-JS engine built from the ground up for high-performance.
Questions tagged [styletron]
6 questions
3
votes
1 answer
How to style a psuedo element with a pseudo class using Styletron
In attempting to add a material design ripple animation to a button I took a pure css implementation here and used it.
But now we're migrating to Styletron. How do I recreate this
.ripple-class {
/* props */
}
.ripple-class:after {
/* props…
Jared Smith
- 19,721
- 5
- 45
- 83
1
vote
1 answer
Multiple styletron trees on a page
I don't render my whole page with React, but rather I have portions which are their own React trees. These can be menus, etc. Due to the nature of contexts, I don't believe Styletron can know about other Styletron trees on the page, which will…
Brandon
- 1,735
- 2
- 22
- 37
1
vote
0 answers
Styletron build process
I'm looking to choose a css-in-js library and so far styletron looks like the most performant and lightweight
My concern is if we don't render the react application server side, it will add too much overhead on the client.
Is that a correct…
ap-o
- 170
- 1
- 8
0
votes
0 answers
Reverse mapping in any library using styletron
I'm using baseweb, it uses styletron internally (https://styletron.org/). Is there a way to get the reverse mapping of classes which are generated by styletron ?
Basically I want the original classnames not the ones generated using styletron.
I…
0
votes
0 answers
Why do I get "error ReferenceError: document is not defined" with Nextjs when using Base Web?
I see a couple of answers here on error ReferenceError: document is not defined but none of the solutions work for my particular case. Previously marked as duplicate but isn't the solution and the post is 3 years 9 months out of date and the syntax…
Anthony
- 317
- 1
- 5
- 23
0
votes
1 answer
How to do sibling selectors with Styletron or other CSS-in-JS frameworks?
How can I translate this (LESS):
.urlBox {
background: #ddd;
border-radius: 5px;
padding: 5px;
+ .urlBox {
margin-top: 5px;
}
}
To Styletron?
So far I've got this:
const UrlBox = styled('div', {
background: '#ddd',
…
mpen
- 272,448
- 266
- 850
- 1,236