Winden

Tailwind Theme Builder

Open source project made by DPlugins

Breakpoints


                    theme: {
                        screens: {
                            'mob': '600px',
                            'tab': '1200px',
                            'desk': '1680px',
                        },
                        colors: {
                            transparent: 'transparent',
                            current: 'currentColor',
                            'no-shade': '#fefefe',
                            'tahiti': {
                                1: '#cffafe',
                                2: '#a5f3fc',
                                3: '#67e8f9',
                                4: '#22d3ee',
                                5: '#06b6d4',
                                6: '#0891b2',
                            },
                        },
                        fontSize: {
                            xs: 'var(--win-fs-xs)',
                            sm: 'var(--win-fs-sm)',
                            md: 'var(--win-fs-md)',
                            lg: 'var(--win-fs-lg)',
                            huge: 'var(--win-fs-huge)',
                            giga: 'var(--win-fs-giga)',
                        },
                        fontFamily: {
                            'display': ['"Oswald"'],
                            'body': ['"Open Sans"', '"sans"'],
                        },    
                        spacing: {
                            xs: 'var(--win-sp-xs)',
                            sm: 'var(--win-sp-sm)',
                            md: 'var(--win-sp-md)',
                            lg: 'var(--win-sp-lg)',
                            huge: 'var(--win-sp-huge)',
                            giga: 'var(--win-sp-giga)',
                        }
                    }