@geezee/react-ui/esm/pagination/styles.js

Modern and minimalist React UI library.

export var getSizes = function getSizes(size) {
  var sizes = {
    mini: {
      font: '.75rem',
      width: '1.5rem'
    },
    small: {
      font: '0.8571rem',
      width: '2.2857rem'
    },
    medium: {
      font: '1rem',
      width: '2.8571rem'
    },
    large: {
      font: '1.1429rem',
      width: '3.4286rem'
    }
  };
  return size ? sizes[size] : sizes.medium;
};
export var getColors = function getColors(palette) {
  var variant = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'line';
  var active = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
  var colors = {
    line: {
      color: active ? palette.cTheme5 : palette.cNeutral6,
      borderColor: active ? palette.cTheme5 : palette.cNeutral2,
      bgColor: palette.cNeutral8,
      hoverColor: palette.cTheme5,
      hoverBorderColor: palette.cTheme5,
      hoverBgColor: palette.cNeutral8
    },
    solid: {
      color: active ? palette.cNeutral8 : palette.cNeutral7,
      bgColor: active ? palette.cTheme5 : palette.cTheme0,
      borderColor: 'transparent',
      hoverBgColor: palette.cTheme1,
      hoverColor: palette.cTheme5,
      hoverBorderColor: 'transparent'
    }
  };
  return colors[variant];
};