@gssfed/vital-ui-kit-react/src/Button/constant.js

Vital UI Kit for React!

export const size = {
  xsmall: {
    fontSize: '0.8rem',
    borderRadius: '2px',
    padding: 'calc(0.2rem - 1px) 0.533rem',
    height: '1.2rem',
  },
  small: {
    fontSize: '0.866rem',
    borderRadius: '3px',
    padding: 'calc(0.4rem - 1px) 0.8rem',
    height: '1.666rem',
  },
  medium: {
    fontSize: '1rem',
    borderRadius: '4px',
    padding: 'calc(0.533rem - 1px) 1.066rem',
    height: '2.066rem',
  },
  large: {
    fontSize: '1.2rem',
    borderRadius: '5px',
    padding: 'calc(0.666rem - 1px) 1.2rem',
    height: '2.532rem',
  },
  xlarge: {
    fontSize: '1.4rem',
    borderRadius: '6px',
    padding: 'calc(0.8rem - 1px) 1.333rem',
    height: '3rem',
  },
};

export const natureColor = colors => ({
  default: colors.secondary700,
  primary: colors.primary,
  success: colors.success,
  info: colors.info,
  alarm: colors.alarm,
  warning: colors.warning,
});