griffel
griffel copied to clipboard
microsoft
CSS-in-JS with ahead-of-time compilation ⚡️
cross posting for better visibility All the context: https://github.com/microsoft/fluentui/issues/26251
if package A imports from package B, where B ships native ESM via exports map (`exports#import` ) , where those files have `.mjs` extension and all relative imports use `.mjs`,...
based on https://github.com/microsoft/fluentui/pull/30544#discussion_r1489301282 **Feature:** introduce a new rule named lets say `no-unnecesary-shorthands` which would implement autofixer as well. This rule should have severity `warn` and it should identify unnecessary shorthand...
We need add a ESLint rule that will forbid `:hover,:active` selectors. ```js makeStyles({ root: { // 🟢 should pass ":hover": { color: "red" }, ":active": { color: "blue" }, //...
When you set a css property to `flex: 1` in any of the major browsers the result is`flex: 1 1 0%`. But the griffel shorthand `shorthands.flex(1)` produces `flex: 1 1...
We have applications overlap in one page. ``` ``` Since the hashed className .fqdk4by may both existing in griffel.css and data-make-styles-bucket. They may cause global pollution or something else. So...
#41 added a plugin for Vite that supports AOT. The plugin should be updated to also support CSS extraction.
In contrast to `makeStyles` `makeStaticStyles` does not support fallback properties as described here: https://griffel.js.org/react/api/make-styles/#css-fallback-properties
### Library React Components / v9 (@fluentui/react-components) ### Describe the feature that you would like added Currently, I use @fluentui/react-components and style by using makeStyles. This feature proposal is making...
