180 lines
3.8 KiB
JavaScript
180 lines
3.8 KiB
JavaScript
module.exports = {
|
|
darkMode: 'class',
|
|
purge: ['./src/**/*.{html,js,svelte,ts}'],
|
|
theme: {
|
|
extend: {
|
|
screens: {
|
|
'4k': '2048px',
|
|
retina: '2560px',
|
|
},
|
|
opacity: {
|
|
999: '0.999',
|
|
},
|
|
fontSize: {
|
|
display: '5.625rem',
|
|
'display-mobile': '4.4rem',
|
|
body: '1rem',
|
|
'body-large': '1.125rem',
|
|
'body-medium': '0.875rem',
|
|
'body-small': '0.75rem',
|
|
'body-xl': '1.5rem',
|
|
'body-xxl': '1.625rem',
|
|
quote: '2rem',
|
|
overline: '0.875rem',
|
|
'overline-small': '0.75rem',
|
|
caption: '0.875rem',
|
|
'caption-bold': '1rem',
|
|
button: '0.875rem',
|
|
'button-small': '0.675rem',
|
|
link: '1rem',
|
|
'link-small': '0.875rem',
|
|
'link-tiny': '0.75rem',
|
|
},
|
|
margin: {
|
|
'1/2': '0.125rem',
|
|
22: '5.5rem',
|
|
128: '40rem',
|
|
},
|
|
colors: {
|
|
purple: {
|
|
DEFAULT: '#6A49E4',
|
|
},
|
|
cyan: {
|
|
DEFAULT: '#00D3DD',
|
|
},
|
|
blue: {
|
|
350: '#1DA1F2',
|
|
550: '#3A83A3',
|
|
},
|
|
gray: {
|
|
350: '#AAAAAA',
|
|
370: '#A0A4A8',
|
|
650: '#3E3E3E',
|
|
DEFAULT: '#212121',
|
|
'primary-03': '#262626',
|
|
},
|
|
},
|
|
fontFamily: {
|
|
poppins: ['Poppins'],
|
|
satoshi: ['Satoshi'],
|
|
inter: ['Inter'],
|
|
inconsolata: ['Inconsolata'],
|
|
rajdhani: ['Rajdhani'],
|
|
roboto: ['Roboto'],
|
|
},
|
|
borderRadius: {
|
|
20: '20px',
|
|
40: '40px',
|
|
xl: '50px',
|
|
big: '20px',
|
|
giant: '70px',
|
|
full: '100%',
|
|
},
|
|
minWidth: {
|
|
button: '232px',
|
|
},
|
|
minHeight: {
|
|
256: '50rem',
|
|
'half-screen': '50vh',
|
|
96: '24rem',
|
|
},
|
|
maxHeight: {
|
|
fhd: '62.5rem',
|
|
'screen-9/10': '90vh',
|
|
'screen-7/8': '87.5vh',
|
|
'screen-5/6': '83vh',
|
|
'screen-4/5': '80vh',
|
|
'screen-3/4': '75vh',
|
|
'screen-7/10': '70vh',
|
|
'screen-2/3': '66.6vh',
|
|
'screen-5/8': '62.5vh',
|
|
'screen-3/5': '60vh',
|
|
'screen-1/2': '50vh',
|
|
'screen-2/5': '40vh',
|
|
'screen-3/8': '37.5vh',
|
|
'screen-1/3': '33.3vh',
|
|
'screen-3/10': '30vh',
|
|
'screen-1/4': '25vh',
|
|
'screen-1/5': '20vh',
|
|
'screen-1/6': '16.6vh',
|
|
'screen-1/8': '12.5vh',
|
|
'screen-1/10': '10vh',
|
|
},
|
|
height: {
|
|
100: '26.5rem',
|
|
120: '38.5rem',
|
|
128: '40rem',
|
|
144: '45rem',
|
|
256: '50rem',
|
|
'half-screen': '50vh',
|
|
},
|
|
width: {
|
|
100: '26.5rem',
|
|
120: '38.5rem',
|
|
128: '40rem',
|
|
144: '45rem',
|
|
256: '50rem',
|
|
},
|
|
boxShadow: {
|
|
2: '-59px 27px 63px 0px #000000CC',
|
|
},
|
|
},
|
|
linearBorderGradients: {
|
|
directions: {
|
|
t: 'to top',
|
|
tr: 'to top right',
|
|
r: 'to right',
|
|
br: 'to bottom right',
|
|
b: 'to bottom',
|
|
bl: 'to bottom left',
|
|
l: 'to left',
|
|
tl: 'to top left',
|
|
117: '117deg',
|
|
187: '187.33deg',
|
|
213: '213.5deg',
|
|
209: '209.87deg',
|
|
208: '208.78deg',
|
|
},
|
|
colors: {
|
|
button: ['#04D2CA 30.98%', '#6A49E4 98.42%'],
|
|
'01': ['#13E2BB 32.66%', '#4C49E4 64.17%', '#9363F9 97.71%'],
|
|
'02': ['#3376E7 31.2%', '#976EF1 71.49%'],
|
|
'03': ['#4C49E4 41.05%', '#3376E7 58.35%', '#26F3A8 77.95%'],
|
|
'04': ['#13E2BB 32.66%', '#9363F9 97.71%'],
|
|
'05': ['#14ACB6 31.2%', '#7141D7 71.49%'],
|
|
'06': ['#26F3A8 41.05%', '#3376E7 77.95%'],
|
|
'07': ['#235465 -8.1%', '#8EC95F 50.77%', '#8E63DB 110.89%'],
|
|
'08': ['#9363F9 30.11%', '#E55A54 97.41%'],
|
|
'09': ['#14ACB6 31.2%', '#7141D7 71.49%'],
|
|
10: ['#499DEB 31.2%', '#541D9A 70.86%'],
|
|
},
|
|
background: {
|
|
black: '#000000',
|
|
light: '#0E0E0E',
|
|
gray: '#212121',
|
|
transparent: 'transparent',
|
|
},
|
|
},
|
|
flex: {
|
|
'9/10': '0 90%',
|
|
'7/8': '0 87.5%',
|
|
'5/6': '0 83%',
|
|
'4/5': '0 80%',
|
|
'3/4': '0 75%',
|
|
'7/10': '0 70%',
|
|
'2/3': '0 66.6%',
|
|
'5/8': '0 62.5%',
|
|
'3/5': '0 60%',
|
|
'1/2': '0 50%',
|
|
'2/5': '0 40%',
|
|
'3/8': '0 37.5%',
|
|
'1/3': '0 33.3%',
|
|
'3/10': '0 30%',
|
|
'1/4': '0 25%',
|
|
'1/5': '0 20%',
|
|
'1/6': '0 16.6%',
|
|
'1/8': '0 12.5%',
|
|
'1/10': '0 10%',
|
|
},
|
|
},
|
|
}; |