react-native-style-tachyons/lib/styles/flexbox.js

functional, maintainable styling for react-native

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = {
    absolute: {
        position: "absolute"
    },
    "flx-i": {
        flex: 1
    },
    "flx-grow": {
        flexGrow: 1
    },
    "flx-row": {
        flexDirection: "row"
    },
    "flx-row-reverse": {
        flexDirection: "row-reverse"
    },
    "flx-col-reverse": {
        flexDirection: "column-reverse"
    },
    "flx-wrap": {
        flexWrap: "wrap"
    },
    aifs: {
        alignItems: "flex-start"
    },
    aic: {
        alignItems: "center"
    },
    aife: {
        alignItems: "flex-end"
    },
    asfs: {
        alignSelf: "flex-start"
    },
    asc: {
        alignSelf: "center"
    },
    asfe: {
        alignSelf: "flex-end"
    },
    ass: {
        alignSelf: "stretch"
    },
    jcfe: {
        justifyContent: "flex-end"
    },
    jcc: {
        justifyContent: "center"
    },
    jcsb: {
        justifyContent: "space-between"
    },
    jcsa: {
        justifyContent: "space-around"
    }
};