postcss-preset-mantine/dist/postcss-rem-em.js

PostCSS preset for Mantine (7.0+) applications

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const converters = require('./converters');
const getRegExp = (units) => new RegExp('\\b' + units + '\\(([^()]+)\\)', 'g');
const emRegExp = getRegExp('em');
const remRegExp = getRegExp('rem');
module.exports = () => {
    return {
        postcssPlugin: 'postcss-rem-em',
        Once(root) {
            root.replaceValues(remRegExp, { fast: `rem(` }, (_, values) => converters.rem(values));
            root.replaceValues(emRegExp, { fast: `em(` }, (_, values) => converters.em(values));
        },
        AtRule: {
            media: (atRule) => {
                atRule.params = atRule.params
                    .replace(remRegExp, (value) => converters.remNoScale(value.replace(/rem\((.*?)\)/g, '$1')))
                    .replace(emRegExp, (value) => converters.em(value.replace(/em\((.*?)\)/g, '$1')));
            },
            container: (atRule) => {
                atRule.params = atRule.params
                    .replace(remRegExp, (value) => converters.remNoScale(value.replace(/rem\((.*?)\)/g, '$1')))
                    .replace(emRegExp, (value) => converters.em(value.replace(/em\((.*?)\)/g, '$1')));
            },
        },
    };
};
module.exports.postcss = true;