How to use the react-live/lib/constants/css.js.replace function in react-live
To help you get started, we’ve selected a few react-live 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.
emotion-js / emotion / site / src / utils / global.js View on Github 
import css from '@emotion/css'
import { mq, fonts } from './style'
import prismStyles from 'react-live/lib/constants/css.js'
import draculaStyles from './dracula-prism'
const globalStyles = css`
${prismStyles
.replace('prism-code', 'prism-code,pre[class*="language-"]')
.replace(/0\.5rem/g, '')} html, body, #___gatsby {
font-family: ${fonts.primary};
width: 100%;
height: 100%;
padding: 0;
margin: 0;
-webkit-font-smoothing: antialiased;
}
.gatsby-highlight,
.prism-code {
${draculaStyles};
pre[class*='language-'] {
${mq({
marginLeft: 0,react-live
A production-focused playground for live editing React code
