tailwind.config.cjs 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. /** @type {import('tailwindcss').Config} */
  2. module.exports = {
  3. content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
  4. theme: {
  5. extend: {
  6. colors: {
  7. primary: "#0089FF",
  8. "balck-text": "#0C1C33",
  9. "sub-text": "#8E9AB0",
  10. "gap-text": "#E8EAEF",
  11. "error-text": "#FF381F",
  12. },
  13. padding: {
  14. 1.5: "0.375rem",
  15. 2.5: "0.625rem",
  16. 3.5: "0.875rem",
  17. 4.5: "1.125rem",
  18. 5.5: "1.375rem",
  19. 6.5: "1.625rem",
  20. },
  21. margin: {
  22. 2.5: "0.625rem",
  23. 3.5: "0.875rem",
  24. 4.5: "1.125rem",
  25. 5.5: "1.375rem",
  26. 6.5: "1.625rem",
  27. },
  28. borderWidth: {
  29. DEFAULT: "1px",
  30. 0: "0",
  31. 2: "2px",
  32. 3: "3px",
  33. 4: "4px",
  34. 6: "6px",
  35. 8: "8px",
  36. },
  37. width: {
  38. 10.5: "2.625rem",
  39. },
  40. height: {
  41. 10.5: "2.625rem",
  42. },
  43. },
  44. },
  45. corePlugins: {
  46. // preflight: false
  47. },
  48. plugins: [require("@tailwindcss/line-clamp")],
  49. };