react-styled-kit - v4.0.3
    Preparing search index...

    Function pxToRem

    • Converts pixel values to rem units

      Parameters

      • px: number

        The pixel value to convert

      • OptionalbaseFontSize: number = 16

        Base font size (in pixels) for calculation. Defaults to 16px (browser default).

      Returns string

      The converted value in rem units

      pxToRem

      Utility function that converts pixel values to rem units based on a base font size. This ensures consistent scaling across different browser font size settings and devices.

      // Basic usage with default base font size (16px)
      const spacing = pxToRem(32); // returns "2rem"
      // With custom base font size
      const fontSize = pxToRem(18, 18); // returns "1rem"
      // Usage in styled components
      const StyledComponent = styled('div')(({ theme }) => ({
      padding: pxToRem(16),
      fontSize: pxToRem(14),
      }));