@universal-labs/preset-tailwind/build/tailwind-rules/flex.js

Tailwindcss StyleSheet generator for react native/web

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.flexRules = void 0;
const native_twin_1 = require("@universal-labs/native-twin");
const native_twin_2 = require("@universal-labs/native-twin");
exports.flexRules = [
    (0, native_twin_1.matchCssObject)('flex', (match, ctx, rule) => ({
        className: (0, native_twin_2.parsedRuleToClassName)(rule),
        declarations: [
            {
                prop: 'display',
                value: 'flex',
            },
        ],
        conditions: rule.v,
        important: rule.i,
        precedence: rule.p,
        selectors: [],
    })),
    (0, native_twin_1.matchThemeValue)('flex-', 'flex', 'flex'),
    (0, native_twin_1.matchThemeValue)('flex-', 'flexDirection', 'flexDirection'),
    (0, native_twin_1.matchThemeValue)('flex-', 'flexWrap', 'flexWrap'),
    (0, native_twin_1.matchThemeValue)('basis-', 'flexBasis', 'flexBasis'),
    (0, native_twin_1.matchThemeValue)('grow-', 'flexGrow', 'flexGrow'),
    (0, native_twin_1.matchThemeValue)('justify-', 'justifyContent', 'justifyContent'),
    (0, native_twin_1.matchThemeValue)('items-', 'alignItems', 'alignItems'),
    (0, native_twin_1.matchThemeValue)('self-', 'alignItems', 'alignSelf'),
    (0, native_twin_1.matchThemeValue)('content-', 'alignContent', 'alignContent'),
];
//# sourceMappingURL=flex.js.map