How to use fela-beautifier - 2 common examples
To help you get started, we’ve selected a few fela-beautifier 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.
robinweser / fela / examples / example-with-styleguidist / src / common / createFelaRenderer.js View on Github 
if (process.env.NODE_ENV === 'development') {
plugins.push(
validator({
logInvalid: true,
deleteInvalid: true,
})
)
plugins.push(whitelistMediaQuery(mediaQueries))
/* eslint-disable no-undef */
if (__CLIENT__ && __STATISTICS__) {
/* eslint-enable */
// enabled via define plugin in styleguidist.config.js
plugins.push(statistics())
}
enhancers.push(beautifier())
}
return createFelaRenderer({
plugins,
enhancers,
mediaQueryOrder: [
removePrefix(mediaQueries.mobile),
removePrefix(mediaQueries.mobileWide),
removePrefix(mediaQueries.tablet),
removePrefix(mediaQueries.desktop),
removePrefix(mediaQueries.desktopLarge),
],
})
}const createRenderer = opts => {
const usedOpts = Object.assign({}, defaultOpts, opts);
const plugins = [
prefixer(),
fallbackValue(),
unit(),
lvha(),
embedded(),
namedMediaQuery(mediaQueries)
];
const enhancers = [];
if (usedOpts.dev === true) {
plugins.push(validator());
plugins.push(whitelistMediaQuery(mediaQueries));
enhancers.push(beautifier());
}
return createFelaRenderer({
plugins,
enhancers,
selectorPrefix: usedOpts.selectorPrefix,
mediaQueryOrder: [
removePrefix(mediaQueries.hover),
removePrefix(mediaQueries.mobile),
removePrefix(mediaQueries.mobileWide),
removePrefix(mediaQueries.tablet),
removePrefix(mediaQueries.tabletLegacy),
removePrefix(mediaQueries.tabletWide),
removePrefix(mediaQueries.desktop),
removePrefix(mediaQueries.desktopLarge)
]fela-beautifier
Fela enhancer to beautify CSS output
