python-cheatsheet/tailwind.config.js at master · pprathi70/python-cheatsheet · GitHub

35 lines (34 loc) · 1.14 KB

const defaultTheme = require('tailwindcss/defaultTheme')

/** @type {import('tailwindcss').Config} */

module.exports = {

content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],

darkMode: 'class',

theme: {

fontSize: {

xs: ['0.75rem', { lineHeight: '1rem' }],

sm: ['0.875rem', { lineHeight: '1.5rem' }],

base: ['1rem', { lineHeight: '2rem' }],

lg: ['1.125rem', { lineHeight: '1.75rem' }],

xl: ['1.25rem', { lineHeight: '2rem' }],

'2xl': ['1.5rem', { lineHeight: '2.5rem' }],

'3xl': ['2rem', { lineHeight: '2.5rem' }],

'4xl': ['2.5rem', { lineHeight: '3rem' }],

'5xl': ['3rem', { lineHeight: '3.5rem' }],

'6xl': ['3.75rem', { lineHeight: '1' }],

'7xl': ['4.5rem', { lineHeight: '1' }],

'8xl': ['6rem', { lineHeight: '1' }],

'9xl': ['8rem', { lineHeight: '1' }],

extend: {

fontFamily: {

sans: ['Inter', ...defaultTheme.fontFamily.sans],

display: ['Lexend', ...defaultTheme.fontFamily.sans],

maxWidth: {

'8xl': '88rem',

safelist: ['text-slate-400'],

plugins: [require('@tailwindcss/typography')],

}

Expand file tree