daltonmenezes/pixelToRem.ts

Created February 16, 2022 02:38

Star () You must be signed in to star a gist
Fork () You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/daltonmenezes/9cac0767af3d248eddc61e8a57b2b44d.js"></script>
Save daltonmenezes/9cac0767af3d248eddc61e8a57b2b44d to your computer and use it in GitHub Desktop.

Download ZIP

A pixel to rem utility function

Raw

pixelToRem.ts

	function pixelToRem(...values: number[]) {
	return values
	.reduce((acc, current) => (acc += current / 16 + `rem `), "")
	.trim();
	}

	pixelToRem(13, 20) // 0.8125rem 1.25rem

Author

daltonmenezes commented Feb 16, 2022

Another solution:

const pixelToRem = (...values: number[]) =>
  values.map((number) => number / 16 + "rem").join(" ");

felipecastrosales commented Feb 16, 2022

you are a best, champ! 🏆

nicolasteofilo commented Feb 21, 2022

very nice!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment