53a55dc691
## Description <!-- Insert PR description--> ## Type of change <!--- Please check the type of change your PR introduces: ---> - [x] 🌻 Feature - [ ] 🐛 Bugfix - [ ] 🗺️ Documentation - [ ] 🤖 Test - [ ] 💻 CI/Deployment - [ ] 🐹 Trivial/Minor ## Issue(s) <!-- Can reference multiple issues. Use one of the following "magic words" - "closes, fixes" to auto-close the Github issue. --> * #<issue> ## Test Plan <!-- How will this be tested prior to merging.--> - [ ] 💪 Manual - [ ] ⚡ Unit test - [ ] 💚 E2E
65 lines
1.4 KiB
JavaScript
65 lines
1.4 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
content: ["./src/**/*.{js,jsx,ts,tsx}"],
|
|
theme: {
|
|
screens: {
|
|
xs: "540px",
|
|
sm: "640px",
|
|
md: "768px",
|
|
lg: "1024px",
|
|
xl: "1280px",
|
|
"2xl": "1536px",
|
|
},
|
|
fontFamily: {
|
|
nunito: ['"Nunito", sans-serif'],
|
|
},
|
|
container: {
|
|
center: true,
|
|
padding: {
|
|
DEFAULT: "12px",
|
|
sm: "1rem",
|
|
lg: "45px",
|
|
xl: "5rem",
|
|
"2xl": "13rem",
|
|
},
|
|
},
|
|
extend: {
|
|
colors: {
|
|
dark: "#3c4858",
|
|
black: "#161c2d",
|
|
"dark-footer": "#192132",
|
|
},
|
|
|
|
boxShadow: {
|
|
sm: "0 2px 4px 0 rgb(60 72 88 / 0.15)",
|
|
DEFAULT: "0 0 3px rgb(60 72 88 / 0.15)",
|
|
md: "0 5px 13px rgb(60 72 88 / 0.20)",
|
|
lg: "0 10px 25px -3px rgb(60 72 88 / 0.15)",
|
|
xl: "0 20px 25px -5px rgb(60 72 88 / 0.1), 0 8px 10px -6px rgb(60 72 88 / 0.1)",
|
|
"2xl": "0 25px 50px -12px rgb(60 72 88 / 0.25)",
|
|
inner: "inset 0 2px 4px 0 rgb(60 72 88 / 0.05)",
|
|
testi: "2px 2px 2px -1px rgb(60 72 88 / 0.15)",
|
|
},
|
|
|
|
spacing: {
|
|
0.75: "0.1875rem",
|
|
3.25: "0.8125rem",
|
|
},
|
|
|
|
maxWidth: ({ theme, breakpoints }) => ({
|
|
1200: "71.25rem",
|
|
992: "60rem",
|
|
768: "45rem",
|
|
}),
|
|
|
|
zIndex: {
|
|
1: "1",
|
|
2: "2",
|
|
3: "3",
|
|
999: "999",
|
|
},
|
|
},
|
|
},
|
|
plugins: [require("tw-elements/dist/plugin")],
|
|
};
|