mirror of
https://github.com/simstudioai/sim.git
synced 2026-01-24 06:18:04 -05:00
6ff68b39ce
* improvement(panel): increased default width * improvement: subblocks * fix: generate, mcp, ring
158 lines
4.3 KiB
TypeScript
158 lines
4.3 KiB
TypeScript
import type { Config } from 'tailwindcss'
|
|
|
|
export default {
|
|
darkMode: ['class'],
|
|
content: [
|
|
'./pages/**/*.{js,ts,jsx,tsx,mdx}',
|
|
'./components/**/*.{js,ts,jsx,tsx,mdx}',
|
|
'./app/**/*.{js,ts,jsx,tsx,mdx}',
|
|
'!./app/node_modules/**',
|
|
'!**/node_modules/**',
|
|
],
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
season: ['var(--font-season)'],
|
|
},
|
|
fontSize: {
|
|
xs: '11px',
|
|
small: '13px', // Override default 14px to 13px
|
|
base: '15px', // Override default 16px to 15px
|
|
},
|
|
colors: {
|
|
background: 'hsl(var(--background))',
|
|
foreground: 'hsl(var(--foreground))',
|
|
card: {
|
|
DEFAULT: 'hsl(var(--card))',
|
|
foreground: 'hsl(var(--card-foreground))',
|
|
},
|
|
popover: {
|
|
DEFAULT: 'hsl(var(--popover))',
|
|
foreground: 'hsl(var(--popover-foreground))',
|
|
},
|
|
primary: {
|
|
DEFAULT: 'hsl(var(--primary))',
|
|
foreground: 'hsl(var(--primary-foreground))',
|
|
},
|
|
secondary: {
|
|
DEFAULT: 'hsl(var(--secondary))',
|
|
foreground: 'hsl(var(--secondary-foreground))',
|
|
},
|
|
muted: {
|
|
DEFAULT: 'hsl(var(--muted))',
|
|
foreground: 'hsl(var(--muted-foreground))',
|
|
},
|
|
accent: {
|
|
DEFAULT: 'hsl(var(--accent))',
|
|
foreground: 'hsl(var(--accent-foreground))',
|
|
},
|
|
destructive: {
|
|
DEFAULT: 'hsl(var(--destructive))',
|
|
foreground: 'hsl(var(--destructive-foreground))',
|
|
},
|
|
border: 'hsl(var(--border))',
|
|
input: 'hsl(var(--input))',
|
|
ring: 'hsl(var(--ring))',
|
|
chart: {
|
|
'1': 'hsl(var(--chart-1))',
|
|
'2': 'hsl(var(--chart-2))',
|
|
'3': 'hsl(var(--chart-3))',
|
|
'4': 'hsl(var(--chart-4))',
|
|
'5': 'hsl(var(--chart-5))',
|
|
},
|
|
gradient: {
|
|
primary: 'hsl(var(--gradient-primary))',
|
|
secondary: 'hsl(var(--gradient-secondary))',
|
|
},
|
|
gray: {
|
|
50: '#fafafa',
|
|
100: '#f5f5f5',
|
|
200: '#e5e5e5',
|
|
300: '#d4d4d4',
|
|
400: '#a3a3a3',
|
|
500: '#737373',
|
|
600: '#525252',
|
|
700: '#404040',
|
|
800: '#262626',
|
|
900: '#171717',
|
|
950: '#0a0a0a',
|
|
},
|
|
},
|
|
fontWeight: {
|
|
base: 'var(--font-weight-base)',
|
|
medium: 'var(--font-weight-medium)',
|
|
semibold: 'var(--font-weight-semibold)',
|
|
},
|
|
borderRadius: {
|
|
lg: 'var(--radius)',
|
|
md: 'calc(var(--radius) - 2px)',
|
|
sm: 'calc(var(--radius) - 4px)',
|
|
},
|
|
transitionProperty: {
|
|
width: 'width',
|
|
left: 'left',
|
|
padding: 'padding',
|
|
},
|
|
keyframes: {
|
|
'caret-blink': {
|
|
'0%,70%,100%': {
|
|
opacity: '1',
|
|
},
|
|
'20%,50%': {
|
|
opacity: '0',
|
|
},
|
|
},
|
|
'slide-left': {
|
|
'0%': {
|
|
transform: 'translateX(0)',
|
|
},
|
|
'100%': {
|
|
transform: 'translateX(-50%)',
|
|
},
|
|
},
|
|
'slide-right': {
|
|
'0%': {
|
|
transform: 'translateX(-50%)',
|
|
},
|
|
'100%': {
|
|
transform: 'translateX(0)',
|
|
},
|
|
},
|
|
'dash-animation': {
|
|
from: {
|
|
strokeDashoffset: '0',
|
|
},
|
|
to: {
|
|
strokeDashoffset: '-24',
|
|
},
|
|
},
|
|
'placeholder-pulse': {
|
|
'0%, 100%': {
|
|
opacity: '0.5',
|
|
},
|
|
'50%': {
|
|
opacity: '0.8',
|
|
},
|
|
},
|
|
'ring-pulse': {
|
|
'0%, 100%': {
|
|
'box-shadow': '0 0 0 1.5px var(--border-success)',
|
|
},
|
|
'50%': {
|
|
'box-shadow': '0 0 0 4px var(--border-success)',
|
|
},
|
|
},
|
|
},
|
|
animation: {
|
|
'caret-blink': 'caret-blink 1.25s ease-out infinite',
|
|
'slide-left': 'slide-left 80s linear infinite',
|
|
'slide-right': 'slide-right 80s linear infinite',
|
|
'dash-animation': 'dash-animation 1.5s linear infinite',
|
|
'placeholder-pulse': 'placeholder-pulse 1.5s ease-in-out infinite',
|
|
'ring-pulse': 'ring-pulse 1.5s ease-in-out infinite',
|
|
},
|
|
},
|
|
},
|
|
plugins: [require('tailwindcss-animate'), require('@tailwindcss/typography')],
|
|
} satisfies Config
|