How to use the inline-style-prefixer.prefixAll function in inline-style-prefixer

To help you get started, we’ve selected a few inline-style-prefixer examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github myxvisual / react-uwp / src / styles / prefixAll.ts View on Github external
return (style?: React.CSSProperties) => {
    if (style) {
      const prefixedStyle = IS_NODE_ENV ? Prefixer.prefixAll(style) : prefixer.prefix(style);

      if (IS_NODE_ENV) {
        const { display } = style;
        if (display && flexArr.includes(display)) {
          // We can't apply this join with react-dom:
          // #https://github.com/facebook/react/issues/6467
          prefixedStyle.display = arrayProperties[display] || (arrayProperties[display] = prefixedStyle.display.map(t => replace2Dashes(t)).join("; display: "));
        }
      }

      return prefixedStyle;
    }
  };
}
github myxvisual / react-uwp / src / utils / prefixAll.ts View on Github external
return (style?: React.CSSProperties) => {
      if (!style) return;
      const stylePrefixed = Prefixer.prefixAll(style);
      const isFlex = ["flex", "inline-flex"].includes(style.display);

      // We can't apply this join with react-dom:
      // #https://github.com/facebook/react/issues/6467
      if (isFlex) {
        stylePrefixed.display = stylePrefixed.display.join("; display: ") + ";";
      }
      return stylePrefixed;
    };
  }
github mui-org / material-ui / src / utils / autoprefixer.js View on Github external
    return (style) => InlineStylePrefixer.prefixAll(style);
  } else {