wrapper/tailwindcss
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Update screens types (#8042)

Browse source
This commit is contained in:
Brad Cornes 2022-04-05 11:46:50 +01:00 • committed by GitHub
parent b9dec5feb7
commit 6fc8d777da
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

12
types/config.d.ts vendored
View file

@ -71,12 +71,15 @@ type DarkModeConfig =
/** Use the `class` stategy with a custom class instead of `.dark`. */
| ['class', string]
type Screen = { raw: string } | { min: string } | { max: string } | { min: string; max: string }
type ScreensConfig = string[] | KeyValuePair<string, string | Screen | Screen[]>
// Theme related config
interface ThemeConfig {
extend: Partial<Omit<ThemeConfig, 'extend'>>
/** Responsiveness */
screens: ResolvableTo<KeyValuePair>
screens: ResolvableTo<ScreensConfig>
/** Reusable base configs */
colors: ResolvableTo<RecursiveKeyValuePair>
@ -85,12 +88,7 @@ interface ThemeConfig {
/** Components */
container: ResolvableTo<
Partial<{
screens:
| string[] /** List of breakpoints. E.g.: '400px', '500px' */
/** Named breakpoints. E.g.: { sm: '400px' } */
| Record<string | number, string>
/** Name breakpoints with explicit min and max values. E.g.: { sm: { min: '300px', max: '400px' } } */
| Record<string, { min: string; max: string }>
screens: ScreensConfig
center: boolean
padding: string | Record<string, string>
}>