mirror of
https://github.com/aljazceru/goose.git
synced 2025-12-18 22:54:24 +01:00
1c9a7c0b05
Co-authored-by: Michael Neale <michael.neale@gmail.com> Co-authored-by: Wendy Tang <wendytang@squareup.com> Co-authored-by: Jarrod Sibbison <72240382+jsibbison-square@users.noreply.github.com> Co-authored-by: Alex Hancock <alex.hancock@example.com> Co-authored-by: Alex Hancock <alexhancock@block.xyz> Co-authored-by: Lifei Zhou <lifei@squareup.com> Co-authored-by: Wes <141185334+wesrblock@users.noreply.github.com> Co-authored-by: Max Novich <maksymstepanenko1990@gmail.com> Co-authored-by: Zaki Ali <zaki@squareup.com> Co-authored-by: Salman Mohammed <smohammed@squareup.com> Co-authored-by: Kalvin C <kalvinnchau@users.noreply.github.com> Co-authored-by: Alec Thomas <alec@swapoff.org> Co-authored-by: lily-de <119957291+lily-de@users.noreply.github.com> Co-authored-by: kalvinnchau <kalvin@block.xyz> Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> Co-authored-by: Rizel Scarlett <rizel@squareup.com> Co-authored-by: bwrage <bwrage@squareup.com> Co-authored-by: Kalvin Chau <kalvin@squareup.com> Co-authored-by: Alice Hau <110418948+ahau-square@users.noreply.github.com> Co-authored-by: Alistair Gray <ajgray@stripe.com> Co-authored-by: Nahiyan Khan <nahiyan.khan@gmail.com> Co-authored-by: Alex Hancock <alexhancock@squareup.com> Co-authored-by: Nahiyan Khan <nahiyan@squareup.com> Co-authored-by: marcelle <1852848+laanak08@users.noreply.github.com> Co-authored-by: Yingjie He <yingjiehe@block.xyz> Co-authored-by: Yingjie He <yingjiehe@squareup.com> Co-authored-by: Lily Delalande <ldelalande@block.xyz> Co-authored-by: Adewale Abati <acekyd01@gmail.com> Co-authored-by: Ebony Louis <ebony774@gmail.com> Co-authored-by: Angie Jones <jones.angie@gmail.com> Co-authored-by: Ebony Louis <55366651+EbonyLouis@users.noreply.github.com>
75 lines
2.4 KiB
TypeScript
75 lines
2.4 KiB
TypeScript
import { transform } from 'framer-motion';
|
|
|
|
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
darkMode: ['class'],
|
|
content: ['./src/**/*.{js,jsx,ts,tsx}', './index.html'],
|
|
plugins: [require('tailwindcss-animate'), require('@tailwindcss/typography')],
|
|
theme: {
|
|
extend: {
|
|
keyframes: {
|
|
shimmer: {
|
|
'0%': { backgroundPosition: '200% 0' },
|
|
'100%': { backgroundPosition: '-200% 0' },
|
|
},
|
|
loader: {
|
|
'0%': { left: 0, width: 0 },
|
|
'50%': { left: 0, width: '100%' },
|
|
'100%': { left: '100%', width: 0 },
|
|
},
|
|
popin: {
|
|
from: { opacity: 0, transform: 'scale(0.95)' },
|
|
to: { opacity: 1, transform: 'scale(1)' },
|
|
},
|
|
fadein: {
|
|
'0%': { opacity: 0 },
|
|
'100%': { opacity: 1 },
|
|
},
|
|
appear: {
|
|
'0%': { opacity: 0, transform: 'translateY(12px)' },
|
|
'100%': { opacity: 1, transform: 'translateY(0)' },
|
|
},
|
|
flyin: {
|
|
'0%': { opacity: 0, transform: 'translate(-300%, 300%)' },
|
|
'100%': { opacity: 1, transform: 'translate(0, 0)' },
|
|
},
|
|
wind: {
|
|
'0%': { transform: 'translate(0, 0)' },
|
|
'99.99%': { transform: 'translate(-100%, 100%)' },
|
|
'100%': { transform: 'translate(0, 0)' },
|
|
},
|
|
rotate: {
|
|
'0%': { transform: 'rotate(0deg)' },
|
|
'100%': { transform: 'rotate(360deg)' },
|
|
},
|
|
},
|
|
animation: {
|
|
'shimmer-pulse': 'shimmer 4s ease-in-out infinite',
|
|
'gradient-loader': 'loader 750ms ease-in-out infinite',
|
|
},
|
|
colors: {
|
|
bgApp: 'var(--background-app)',
|
|
bgSubtle: 'var(--background-subtle)',
|
|
bgStandard: 'var(--background-standard)',
|
|
bgProminent: 'var(--background-prominent)',
|
|
|
|
borderSubtle: 'var(--border-subtle)',
|
|
borderStandard: 'var(--border-standard)',
|
|
|
|
textProminent: 'var(--text-prominent)',
|
|
textStandard: 'var(--text-standard)',
|
|
textSubtle: 'var(--text-subtle)',
|
|
textPlaceholder: 'var(--text-placeholder)',
|
|
|
|
iconProminent: 'var(--icon-prominent)',
|
|
iconStandard: 'var(--icon-standard)',
|
|
iconSubtle: 'var(--icon-subtle)',
|
|
iconExtraSubtle: 'var(--icon-extra-subtle)',
|
|
slate: 'var(--slate)',
|
|
blockTeal: 'var(--block-teal)',
|
|
blockOrange: 'var(--block-orange)',
|
|
},
|
|
},
|
|
},
|
|
};
|