@crossed/ui/lib/module/styles/margin.js

A universal & performant styling library for React Native, Next.js & React

import { composeStyles, createStyles } from "@crossed/styled";
const marginVerticalStyles = createStyles(
  ({ space }) => Object.keys(space).reduce(
    (acc, spaceName) => {
      acc[spaceName] = { base: { "marginVertical": space[spaceName] } };
      return acc;
    },
    {}
  )
);
const marginHorizontalStyles = createStyles(
  ({ space }) => Object.keys(space).reduce(
    (acc, spaceName) => {
      acc[spaceName] = { base: { "marginHorizontal": space[spaceName] } };
      return acc;
    },
    {}
  )
);
const marginLeftStyles = createStyles(
  ({ space }) => Object.keys(space).reduce(
    (acc, spaceName) => {
      acc[spaceName] = { base: { "marginLeft": space[spaceName] } };
      return acc;
    },
    {}
  )
);
const marginRightStyles = createStyles(
  ({ space }) => Object.keys(space).reduce(
    (acc, spaceName) => {
      acc[spaceName] = { base: { "marginRight": space[spaceName] } };
      return acc;
    },
    {}
  )
);
const marginBottomStyles = createStyles(
  ({ space }) => Object.keys(space).reduce(
    (acc, spaceName) => {
      acc[spaceName] = { base: { "marginBottom": space[spaceName] } };
      return acc;
    },
    {}
  )
);
const marginTopStyles = createStyles(
  ({ space }) => Object.keys(space).reduce(
    (acc, spaceName) => {
      acc[spaceName] = { base: { "marginTop": space[spaceName] } };
      return acc;
    },
    {}
  )
);
const marginStyles = Object.keys(marginVerticalStyles).reduce(
  (acc, spaceName) => {
    acc[spaceName] = composeStyles(
      marginVerticalStyles[spaceName],
      marginHorizontalStyles[spaceName]
    );
    return acc;
  },
  {}
);
export {
  marginBottomStyles,
  marginHorizontalStyles,
  marginLeftStyles,
  marginRightStyles,
  marginStyles,
  marginTopStyles,
  marginVerticalStyles
};
//# sourceMappingURL=margin.js.map