2021-01-22 03:43:42 +01:00
|
|
|
module.exports = {
|
2021-09-03 12:20:35 +02:00
|
|
|
purge: [
|
2021-09-03 13:32:12 +02:00
|
|
|
'./assets/style.css',
|
2021-09-03 12:20:35 +02:00
|
|
|
'./pages/**/*.{js,ts,jsx,tsx}',
|
|
|
|
'./components/**/*.{js,ts,jsx,tsx}',
|
|
|
|
'./services/**/*.{js,ts,jsx,tsx}',
|
|
|
|
'./utils/**/*.{js,ts,jsx,tsx}',
|
|
|
|
],
|
|
|
|
darkMode: false, // or 'media' or 'class'
|
|
|
|
mode: 'jit',
|
2021-01-22 03:43:42 +01:00
|
|
|
theme: {
|
|
|
|
screens: {
|
|
|
|
// Constants taken from UI constants.
|
|
|
|
// Think of them as 'beyond this breakpoint' when using
|
|
|
|
// mobile:my-class, for example.
|
|
|
|
// -> @media (min-width: {}px) { ... }
|
|
|
|
mobile: '500px',
|
|
|
|
tablet: '715px',
|
|
|
|
desktop: '1100px',
|
2021-10-08 07:33:33 +02:00
|
|
|
xl: '1280px',
|
|
|
|
huge: '1920px',
|
2021-01-22 03:43:42 +01:00
|
|
|
},
|
|
|
|
fontFamily: {
|
2021-01-28 07:07:25 +01:00
|
|
|
prompt: ['Prompt'],
|
2021-02-08 07:37:50 +01:00
|
|
|
sans: ['WorkSans'],
|
2021-01-22 03:43:42 +01:00
|
|
|
},
|
|
|
|
fontSize: {
|
2021-02-23 07:48:23 +01:00
|
|
|
'2xs': ['.50rem'],
|
2021-01-22 03:43:42 +01:00
|
|
|
xs: ['.75rem'],
|
|
|
|
sm: ['.875rem'],
|
|
|
|
tiny: ['.875rem'],
|
|
|
|
base: ['1rem'],
|
|
|
|
lg: ['1.125rem'],
|
|
|
|
xl: ['1.25rem'],
|
|
|
|
'2xl': ['1.5rem'],
|
|
|
|
'3xl': ['1.875rem'],
|
|
|
|
'4xl': ['2.25rem'],
|
|
|
|
'5xl': ['3rem'],
|
|
|
|
'6xl': ['4rem'],
|
|
|
|
'7xl': ['5rem'],
|
|
|
|
'8xl': ['6rem'],
|
|
|
|
'9xl': ['7rem'],
|
|
|
|
},
|
|
|
|
extend: {
|
2021-10-08 07:33:33 +02:00
|
|
|
backgroundImage: {
|
|
|
|
hero: "url('/hero.svg')",
|
|
|
|
},
|
2021-01-22 03:43:42 +01:00
|
|
|
colors: {
|
|
|
|
primary: '#1F1C47',
|
|
|
|
secondary: '#12C7BA',
|
2023-02-10 02:19:09 +01:00
|
|
|
tertiary: '#181436',
|
2021-01-22 03:43:42 +01:00
|
|
|
alt: '#DBF7F5',
|
2021-02-11 02:54:53 +01:00
|
|
|
hyper: '#E5FF85',
|
2021-01-22 03:43:42 +01:00
|
|
|
blush: '#FF7A87',
|
|
|
|
blue: '#3F4BF5',
|
|
|
|
purple: '#654192',
|
|
|
|
},
|
|
|
|
display: ['huge', 'desktop', 'tablet', 'mobile'],
|
|
|
|
backgroundOpacity: {
|
2021-02-11 02:54:53 +01:00
|
|
|
10: '0.1',
|
2021-01-22 03:43:42 +01:00
|
|
|
},
|
2021-02-18 04:07:53 +01:00
|
|
|
animation: {
|
2021-09-20 05:24:57 +02:00
|
|
|
float: 'float 9s infinite',
|
2021-02-18 04:07:53 +01:00
|
|
|
},
|
|
|
|
keyframes: {
|
|
|
|
float: {
|
2021-09-20 03:04:17 +02:00
|
|
|
'0%, 100%': {
|
2021-09-20 05:24:57 +02:00
|
|
|
transform: 'translateY(33.3334%)',
|
|
|
|
animationTimingFunction: 'linear',
|
|
|
|
},
|
|
|
|
'25%, 75%': {
|
|
|
|
transform: 'translateY(16.6667%)',
|
2021-09-20 03:04:17 +02:00
|
|
|
animationTimingFunction: 'linear',
|
|
|
|
},
|
|
|
|
'50%': {
|
|
|
|
transform: 'translateY(0)',
|
|
|
|
animationTimingFunction: 'linear',
|
|
|
|
},
|
2021-02-18 04:07:53 +01:00
|
|
|
},
|
|
|
|
},
|
2021-10-08 07:33:33 +02:00
|
|
|
width: {
|
|
|
|
68: '17rem',
|
|
|
|
},
|
2021-01-22 03:43:42 +01:00
|
|
|
},
|
|
|
|
},
|
|
|
|
variants: {
|
2021-09-03 12:20:35 +02:00
|
|
|
extend: {
|
|
|
|
borderWidth: ['last'],
|
|
|
|
fontWeight: ['last'],
|
|
|
|
},
|
2021-01-22 03:43:42 +01:00
|
|
|
},
|
2021-09-03 12:20:35 +02:00
|
|
|
plugins: [require('@tailwindcss/aspect-ratio')],
|
2021-01-22 03:43:42 +01:00
|
|
|
};
|