You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
77 lines
2.7 KiB
77 lines
2.7 KiB
1 month ago
|
/** @type {import('tailwindcss').Config} */
|
||
|
|
module.exports = {
|
||
|
|
content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
|
||
|
|
theme: {
|
||
|
|
extend: {
|
||
|
|
colors: {
|
||
|
|
revolut: {
|
||
|
|
dark: '#191c1f',
|
||
|
|
white: '#ffffff',
|
||
|
|
surface: '#f4f4f4',
|
||
|
|
blue: '#494fdf',
|
||
|
|
actionBlue: '#4f55f1',
|
||
|
|
blueText: '#376cd5',
|
||
|
|
danger: '#e23b4a',
|
||
|
|
deepPink: '#e61e49',
|
||
|
|
warning: '#ec7e00',
|
||
|
|
yellow: '#b09000',
|
||
|
|
teal: '#00a87e',
|
||
|
|
lightGreen: '#428619',
|
||
|
|
greenText: '#006400',
|
||
|
|
lightBlue: '#007bc2',
|
||
|
|
brown: '#936d62',
|
||
|
|
redText: '#8b0000',
|
||
|
|
midSlate: '#505a63',
|
||
|
|
coolGray: '#8d969e',
|
||
|
|
grayTone: '#c9c9cd',
|
||
|
|
},
|
||
|
|
},
|
||
|
|
fontFamily: {
|
||
|
|
display: ['Aeonik Pro', 'Inter', 'Arial', 'sans-serif'],
|
||
|
|
body: ['Inter', 'Arial', 'sans-serif'],
|
||
|
|
mono: ['JetBrains Mono', 'Fira Code', 'SF Mono', 'monospace'],
|
||
|
|
},
|
||
|
|
fontSize: {
|
||
|
|
'display-mega': ['8.50rem', { lineHeight: '1.00', letterSpacing: '-2.72px', fontWeight: '500' }],
|
||
|
|
'display-hero': ['5.00rem', { lineHeight: '1.00', letterSpacing: '-0.8px', fontWeight: '500' }],
|
||
|
|
'section': ['3.00rem', { lineHeight: '1.21', letterSpacing: '-0.48px', fontWeight: '500' }],
|
||
|
|
'subheading': ['2.50rem', { lineHeight: '1.20', letterSpacing: '-0.4px', fontWeight: '500' }],
|
||
|
|
'card-title': ['2.00rem', { lineHeight: '1.19', letterSpacing: '-0.32px', fontWeight: '500' }],
|
||
|
|
'feature': ['1.50rem', { lineHeight: '1.33', letterSpacing: '0', fontWeight: '400' }],
|
||
|
|
'nav': ['1.25rem', { lineHeight: '1.40', letterSpacing: '0', fontWeight: '500' }],
|
||
|
|
'body-lg': ['1.13rem', { lineHeight: '1.56', letterSpacing: '-0.09px', fontWeight: '400' }],
|
||
|
|
'body': ['1.00rem', { lineHeight: '1.50', letterSpacing: '0.24px', fontWeight: '400' }],
|
||
|
|
'body-semibold': ['1.00rem', { lineHeight: '1.50', letterSpacing: '0.16px', fontWeight: '600' }],
|
||
|
|
'body-bold': ['1.00rem', { lineHeight: '1.50', letterSpacing: '0.24px', fontWeight: '700' }],
|
||
|
|
},
|
||
|
|
borderRadius: {
|
||
|
|
'pill': '9999px',
|
||
|
|
'card': '20px',
|
||
|
|
'standard': '12px',
|
||
|
|
},
|
||
|
|
spacing: {
|
||
|
|
'4': '4px',
|
||
|
|
'6': '6px',
|
||
|
|
'8': '8px',
|
||
|
|
'14': '14px',
|
||
|
|
'16': '16px',
|
||
|
|
'20': '20px',
|
||
|
|
'24': '24px',
|
||
|
|
'32': '32px',
|
||
|
|
'40': '40px',
|
||
|
|
'48': '48px',
|
||
|
|
'80': '80px',
|
||
|
|
'88': '88px',
|
||
|
|
'120': '120px',
|
||
|
|
},
|
||
|
|
screens: {
|
||
|
|
'mobile-sm': '400px',
|
||
|
|
'mobile': '720px',
|
||
|
|
'tablet': '1024px',
|
||
|
|
'desktop': '1280px',
|
||
|
|
'large': '1920px',
|
||
|
|
},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
plugins: [],
|
||
|
|
}
|