astroturf
astroturf copied to clipboard
Better Styling through Compiling: CSS-in-JS for those that want it all.
New major version of `css-loader` has been released 2 days ago. Upon trying it out with astroturf I was getting the following error:  Looks like the option `importLoader` that...
New step in tool promotion is to write an article. [CSS Tricks](https://css-tricks.com/) is a good platform for the first article. How I see the content: 1. Compare different types of...
Hi, it would be nice to have comparison with other zero-runtime css-in-js libs. Maybe even in README.md. For example, I have tried [linaria](https://github.com/callstack/linaria) — on trivial cases it feels the...
First off I'd like to say great work on this library. Has anyone got the library working with an SSR setup? I'm particularly interested in extracting the CSS for a...
I think that we can support [**Adapting based on props**](https://www.styled-components.com/docs/basics#adapting-based-on-props) by compiling it to `style` prop. ```jsx // input const Color = styled('span')` color: ${(props) => props.color}; `; // output...
One of the biggest reason to use styled-components is RN support. It definitely, should be some CSS→RN loader for webpack. We need only show some example in the docs.
This is the covention most frameworks seem to be adapting for differentiating css module files nowadays. Using this as the default extension would mean there is no additional css-loader setup...
Hi, I discovered astrotruf via twitter some hours ago and Im very impressed! Great work! 👍 I wonder what would be the best way to add TypeScript definitions. Its somehow...
I found good feature in linaria. Source map support should not be so hard if Babel gives you a position for a literal node. We need: 1. Take `source-map` (0.7...
```js import { css } from 'css-literal-loader/styled' let styles = css` .bold { font-weight: bold; } .list { padding: 8px 0; } .item { padding: 2px 0; margin-left: 15px; color:...