From 5f8066e6018cf4d707d908830932b9d07c87f760 Mon Sep 17 00:00:00 2001 From: mikiher Date: Tue, 4 Jun 2024 18:11:56 +0300 Subject: [PATCH] Add default line heights converted to em units to tailwind config --- client/tailwind.config.js | 29 ++++++++++++++++------------- 1 file changed, 16 insertions(+), 13 deletions(-) diff --git a/client/tailwind.config.js b/client/tailwind.config.js index a71e50ea..85a18045 100644 --- a/client/tailwind.config.js +++ b/client/tailwind.config.js @@ -1,3 +1,4 @@ +/** @type {import('tailwindcss').Config} */ module.exports = { content: ['components/**/*.vue', 'layouts/**/*.vue', 'pages/**/*.vue', 'templates/**/*.vue', 'plugins/**/*.js', 'nuxt.config.js'], safelist: ['bg-red-600', 'px-1.5', 'min-w-5', 'border-warning'], @@ -118,6 +119,7 @@ module.exports = { } }, spacing: { + // based on tailwind default config converted to em units, see client\node_modules\tailwindcss\stubs\config.full.js px: '1px', 0: '0px', 0.5: '0.125em', @@ -155,19 +157,20 @@ module.exports = { 96: '24em' }, fontSize: { - xs: '0.75em', - sm: '0.875em', - base: '1em', - lg: '1.125em', - xl: '1.25em', - '2xl': '1.5em', - '3xl': '1.875em', - '4xl': '2.25em', - '5xl': '3em', - '6xl': '3.75em', - '7xl': '4.5em', - '8xl': '6em', - '9xl': '8em' + // based on tailwind default config converted to em units, see client\node_modules\tailwindcss\stubs\config.full.js + xs: ['0.75em', '1em'], + sm: ['0.875em', '1.25em'], + base: ['1em', '1.5em'], + lg: ['1.125em', '1.75em'], + xl: ['1.25em', '1.75em'], + '2xl': ['1.5em', '2em'], + '3xl': ['1.875em', '2.25em'], + '4xl': ['2.25em', '2.5em'], + '5xl': ['3em', '1'], + '6xl': ['3.75em', '1'], + '7xl': ['4.5em', '1'], + '8xl': ['6em', '1'], + '9xl': ['8em', '1'] } }, variants: {