tegwick
6fe263444a
Session probe lands on /vw_pages (Research). Use main designlang extract with --cookie-file — pack ignores auth. 39 artifacts under docs/design-extract; tolerate designlang late summary crash when cores exist.
112 lines
2.4 KiB
JavaScript
112 lines
2.4 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
primary: {
|
|
'50': 'hsl(34, 68%, 97%)',
|
|
'100': 'hsl(34, 68%, 94%)',
|
|
'200': 'hsl(34, 68%, 86%)',
|
|
'300': 'hsl(34, 68%, 76%)',
|
|
'400': 'hsl(34, 68%, 64%)',
|
|
'500': 'hsl(34, 68%, 50%)',
|
|
'600': 'hsl(34, 68%, 40%)',
|
|
'700': 'hsl(34, 68%, 32%)',
|
|
'800': 'hsl(34, 68%, 24%)',
|
|
'900': 'hsl(34, 68%, 16%)',
|
|
'950': 'hsl(34, 68%, 10%)',
|
|
DEFAULT: '#d08728'
|
|
},
|
|
'neutral-50': '#000000',
|
|
'neutral-100': '#efefef',
|
|
'neutral-200': '#616161',
|
|
'neutral-300': '#373737',
|
|
'neutral-400': '#171717',
|
|
'neutral-500': '#ffffff',
|
|
'neutral-600': '#e5e5e5',
|
|
background: '#ffffff',
|
|
foreground: '#000000'
|
|
},
|
|
fontFamily: {
|
|
body: [
|
|
'Inter',
|
|
'sans-serif'
|
|
]
|
|
},
|
|
fontSize: {
|
|
'14': [
|
|
'14px',
|
|
{
|
|
lineHeight: '19.6px'
|
|
}
|
|
],
|
|
'16': [
|
|
'16px',
|
|
{
|
|
lineHeight: 'normal'
|
|
}
|
|
],
|
|
'18': [
|
|
'18px',
|
|
{
|
|
lineHeight: '18px'
|
|
}
|
|
],
|
|
'24': [
|
|
'24px',
|
|
{
|
|
lineHeight: '36px'
|
|
}
|
|
],
|
|
'42': [
|
|
'42px',
|
|
{
|
|
lineHeight: 'normal'
|
|
}
|
|
],
|
|
'50': [
|
|
'50px',
|
|
{
|
|
lineHeight: '50px'
|
|
}
|
|
],
|
|
'13.3333': [
|
|
'13.3333px',
|
|
{
|
|
lineHeight: 'normal'
|
|
}
|
|
]
|
|
},
|
|
spacing: {
|
|
'6': '24px',
|
|
'8': '32px',
|
|
'10': '40px',
|
|
'15': '60px',
|
|
'20': '80px',
|
|
'24': '96px',
|
|
'80': '320px',
|
|
'1px': '1px'
|
|
},
|
|
borderRadius: {
|
|
sm: '4px',
|
|
md: '8px',
|
|
lg: '15px',
|
|
xl: '20px'
|
|
},
|
|
boxShadow: {
|
|
sm: 'rgb(170, 170, 170) 2px 2px 4px 0px',
|
|
md: 'rgba(23, 23, 23, 0.1) 2px 2px 8px 2px'
|
|
},
|
|
transitionDuration: {
|
|
'250': '0.25s'
|
|
},
|
|
container: {
|
|
center: true,
|
|
padding: '0px'
|
|
},
|
|
maxWidth: {
|
|
container: '1200px'
|
|
}
|
|
},
|
|
},
|
|
};
|