Kristóf Poduszló
Kristóf Poduszló
## Motivation Similarly to how [Emotion](https://emotion.sh/docs/introduction) and [Styled Components](https://styled-components.com/) work, warnings should be emitted to the console during development. ## Details Cases to handle: - [ ] Invalid value passed...
## Motivation As of today, popular runtime CSS-in-JS libraries like [Emotion](https://github.com/emotion-js/emotion) and [Styled Components](https://github.com/styled-components/styled-components) all emit static styles into JavaScript bundles. By this regard, otion is no exception, as seen...
## Motivation After a discussion [on a React issue](https://github.com/facebook/react/pull/19286) and seeing where Preact 11 [is steering](https://github.com/preactjs/preact/issues/2621): > adding `px` is definitely a historial feature that isn't as relevant these days....
## Motivation Simple pseudos [have a sorting order](https://github.com/kripod/otion/blob/fafda618525945f84abef5aba3a2528821676f3e/packages/otion/src/pseudos.ts) which will be recommended on the long term, even after #1 gets resolved. This should serve as a guarantee for atomic efficiency,...
#11 was implemented recently and it works like charm for simple cases. However, it doesn't sort class names within arrays and objects passed to `clsx` (and similar methods). For instance,...
As seen in the Tailwind docs, [custom `screens`](https://tailwindcss.com/docs/breakpoints#custom-media-queries) may be defined as follows: ```js module.exports = { theme: { screens: { tablet: "640px", laptop: "1024px", desktop: "1440px", }, }, };...
Frameworks like Gatsby already come with [their own PostCSS loader](https://github.com/gatsbyjs/gatsby/blob/1e59c65ed5117eba8f7fdc2f31d379c92383e474/packages/gatsby/src/utils/webpack-utils.ts#L210-L235), handling autoprefixing and more. I think treat could reduce its dependencies by delegating post-processing to webpack loaders.
The `` element has a [`media` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/style#Attributes) which allows styles to be loaded based on queries. The webpack loader could have an option to split bundles based on given `@media`...
## Motivation Published CSS normalizations and resets could be applied without hassle: ```js import css from 'normalize.css!raw'; import { globalStyle } from 'treat'; // Apply stringified CSS normalizer globally globalStyle(css);...
Thank you for creating and maintaining this project! 🙏 I would like to install and use the library via npm. I would appreciate to see this solution distributed as a...