apphouse/dist/styles/defaults/gutters.styles.ts

Component library for React that uses observable state management and theme-able components.

/**
 * Gutter styles
 * @param value spacing value
 * @returns css styles that adds equal top, left, right and bottom margins
 */
export const getGutters = (gutters: number) => {
  return {
    padding: `${gutters}px`,
    paddingTop: `${gutters}px`,
    paddingRight: `${gutters}px`,
    paddingBottom: `${gutters}px`,
    paddingLeft: `${gutters}px`
  };
};