corso/website/tailwind.config.js
Ahmed Cool Projects c0f554b65e
fixing hero buttons layout on small mobile screens (#1695)
## Description

<!-- Insert PR description-->

## Type of change

<!--- Please check the type of change your PR introduces: --->
- [ ] 🌻 Feature
- [x] 🐛 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

Co-authored-by: Georgi Matev <gmatev@alcion.ai>
Co-authored-by: Georgi Matev <georgi.matev@gmail.com>
2022-12-05 16:45:03 -08:00

67 lines
1.5 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
module.exports = {
content: ["./src/**/*.{js,jsx,ts,tsx}"],
darkMode: ["class", '[data-theme="dark"]'],
theme: {
screens: {
"2xs": "400px",
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")],
};