/* Yes, it's that simple.
 * https://tailwindcss.com/docs/customizing-spacing#default-spacing-scale
 * https://github.com/tailwindlabs/tailwindcss/blob/ac6d4a6e8e9ae7ca197bf98d933ae2f205be3635/packages/tailwindcss/src/compat/default-theme.ts#L909 */
@function s($n) {
  @return 0.25rem * $n;
}

/* https://github.com/tailwindlabs/tailwindcss/blob/ac6d4a6e8e9ae7ca197bf98d933ae2f205be3635/packages/tailwindcss/src/compat/default-theme.ts#L715 */
$max-width-none: none;
$max-width-xs: 20rem;
$max-width-sm: 24rem;
$max-width-md: 28rem;
$max-width-lg: 32rem;
$max-width-xl: 36rem;
$max-width-2xl: 42rem;
$max-width-3xl: 48rem;
$max-width-4xl: 56rem;
$max-width-5xl: 64rem;
$max-width-6xl: 72rem;
$max-width-7xl: 80rem;
$max-width-full: 100%;
$max-width-min: min-content;
$max-width-max: max-content;
$max-width-fit: fit-content;
$max-width-prose: 65ch;