tailwind CSS pxToRem 사용하는 방법

[jsweetpotato]

1. tailwind.config.js에 다음 코드 추가

import { range } from 'lodash';

const pxToRem = (px, base = 16) => `${px / base}rem`;

const pxToRemFunc = (start, end) =>
  range(start, end).reduce((acc, px) => {
    acc[`${px}pxr`] = pxToRem(px);
    return acc;
  }, {});

2. lodash 설치

npm i lodash

3. 클래스에 적용할 때, 다음과 같이 적용

<section class="cart w1050 pb-80px">
...
</section>