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.

92 lines
2.5 KiB

3 years ago
module.exports = {
content: ["./src/**/*.{js,jsx,ts,tsx}"],
darkMode: "class", // or 'media' or 'class'
theme: {
fontSize: {
"1x": "clamp(11px, 1.05vw, 20px)",
"2x": "clamp(15px, 1.40vw , 26px)",
3 years ago
"3x": "",
"4x": "clamp(18px, 2.127vw, 40px)",
"5x": "clamp(18px, 2.42vw, 46px)",
3 years ago
"6x": "",
"7x": "",
"8x": "",
"9x": "",
"10x": "clamp(46px, 5.26vw, 100px)",
3 years ago
},
backgroundColor: (theme) => ({
...theme("colors"),
"primary-1": "#2C2D2D",
"primary-2": "#454B4F",
"primary-3": "#2A6DA0",
"primary-4": "#0A7066",
"primary-5": "#219489",
"primary-6": "#3189CD",
"primary-7": "#939BF9",
"secondary-1": "#B0DF2D",
"secondary-2": "#D84D4D",
"secondary-3": "#FCE256",
"secondary-4": "#05335F",
"secondary-5": "#4DD8BC",
"secondary-6": "#23BC1E",
"secondary-7": "#426AEE",
"secondary-8": "#292841",
"secondary-9": "#F5F6FF",
"dark-1": "#2F8BD2",
"dark-2": "#CFCFCF",
"dark-3": "#000517",
"dark-4": "#000F0D",
}),
textColor: (theme) => ({
...theme("colors"),
"primary-1": "#2C2D2D",
"primary-2": "#454B4F",
"primary-3": "#2A6DA0",
"primary-4": "#0A7066",
"primary-5": "#219489",
"primary-6": "#3189CD",
"primary-7": "#939BF9",
"secondary-1": "#B0DF2D",
"secondary-2": "#D84D4D",
"secondary-3": "#FCE256",
"secondary-4": "#05335F",
"secondary-5": "#4DD8BC",
"secondary-6": "#23BC1E",
"secondary-7": "#426AEE",
"secondary-8": "#292841",
"secondary-9": "#F5F6FF",
gradient: "null",
"dark-1": "#2F8BD2",
"dark-2": "#CFCFCF",
"dark-3": "#000517",
"dark-4": "#000F0D",
}),
borderColor: (theme) => ({
...theme("colors"),
"primary-1": "#2C2D2D",
"primary-2": "#454B4F",
"primary-3": "#2A6DA0",
"primary-4": "#0A7066",
"primary-5": "#219489",
"primary-6": "#3189CD",
"primary-7": "#939BF9",
"secondary-1": "#B0DF2D",
"secondary-2": "#D84D4D",
"secondary-3": "#FCE256",
"secondary-4": "#05335F",
"secondary-5": "#4DD8BC",
"secondary-6": "#23BC1E",
"secondary-7": "#426AEE",
"secondary-8": "#292841",
"secondary-9": "#F5F6FF",
gradient: "null",
"dark-1": "#2F8BD2",
"dark-2": "#CFCFCF",
"dark-3": "#000517",
"dark-4": "#000F0D",
}),
extend: {},
},
plugins: [],
};