26 lines
850 B
SCSS
26 lines
850 B
SCSS
|
/* 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;
|