open-props/js/sizes.js

<div align="center">

export const Size = [
	'-.5rem',
	'-.25rem',
	'.25rem',
	'.5rem',
	'1rem',
	'1.25rem',
	'1.5rem',
	'1.75rem',
	'2rem',
	'3rem',
	'4rem',
	'5rem',
	'7.5rem',
	'10rem',
	'15rem',
	'20rem',
	'30rem',
]

export const Relative = [
	'-.5ch',
	'-.25ch',
	'.25ch',
	'.5ch',
	'1ch',
	'1.25ch',
	'1.5ch',
	'1.75ch',
	'2ch',
	'3ch',
	'4ch',
	'5ch',
	'7.5ch',
	'10ch',
	'15ch',
	'20ch',
	'30ch',
]

export const Fluid = [
	'clamp(.5rem, 1vw, 1rem)',
	'clamp(1rem, 2vw, 1.5rem)',
	'clamp(1.5rem, 3vw, 2rem)',
	'clamp(2rem, 4vw, 3rem)',
	'clamp(4rem, 5vw, 5rem)',
	'clamp(5rem, 7vw, 7.5rem)',
	'clamp(7.5rem, 10vw, 10rem)',
	'clamp(10rem, 20vw, 15rem)',
	'clamp(15rem, 30vw, 20rem)',
	'clamp(20rem, 40vw, 30rem)',
]

export const Content = ['20ch', '45ch', '60ch']

export const Header = ['20ch', '25ch', '35ch']

export const Viewports = [
	'240px',
	'360px',
	'480px',
	'768px',
	'1024px',
	'1440px',
	'1920px',
]

export default {
	Size,
	Relative,
	Fluid,
	Content,
	Header,
	Viewports,
}