@mantine/core/esm/PinInput/PinInput.styles.js

React components library focused on usability, accessibility and developer experience

import { createStyles, getSize, rem } from '@mantine/styles';

const sizes = {
  xs: rem(28),
  sm: rem(32),
  md: rem(36),
  lg: rem(40),
  xl: rem(48)
};
var useStyles = createStyles((_theme, _params, { size }) => ({
  root: {},
  input: {
    width: getSize({ size, sizes }),
    height: getSize({ size, sizes }),
    textAlign: "center",
    minHeight: "auto",
    padding: 0,
    lineHeight: getSize({ size, sizes }),
    "&::selection": {
      background: "transparent"
    }
  }
}));

export default useStyles;
//# sourceMappingURL=PinInput.styles.js.map