New Modal.
Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.
 
 
 

133 рядки
3.7 KiB

  1. import defaultTheme from 'tailwindcss/defaultTheme';
  2. import plugin from 'tailwindcss/plugin';
  3. import type { Config } from 'tailwindcss';
  4. import { tailwind } from '@tesseract-design/viewfinder-base';
  5. const tesseractPlugin = plugin(
  6. ({ addUtilities }) => {
  7. addUtilities({
  8. '.font-condensed': {
  9. 'font-stretch': 'condensed',
  10. },
  11. '.font-semi-condensed': {
  12. 'font-stretch': 'semi-condensed',
  13. },
  14. '.font-expanded': {
  15. 'font-stretch': 'expanded',
  16. },
  17. '.font-semi-expanded': {
  18. 'font-stretch': 'semi-expanded',
  19. },
  20. '.font-inherit': {
  21. 'font-stretch': 'inherit',
  22. },
  23. '.linejoin-round': {
  24. 'stroke-linejoin': 'round',
  25. },
  26. '.linecap-round': {
  27. 'stroke-linecap': 'round',
  28. },
  29. });
  30. },
  31. {
  32. theme: {
  33. fontFamily: {
  34. sans: ['var(--font-sans)', ...defaultTheme.fontFamily.sans],
  35. headings: ['var(--font-headings)', ...defaultTheme.fontFamily.sans],
  36. mono: ['var(--font-mono)', ...defaultTheme.fontFamily.mono],
  37. inherit: ['inherit'],
  38. },
  39. colors: {
  40. 'sidebar': 'rgb(var(--color-sidebar)',
  41. 'topbar': 'rgb(var(--color-topbar)',
  42. 'shade': 'rgb(var(--color-shade))',
  43. 'negative': 'rgb(var(--color-negative))',
  44. 'positive': 'rgb(var(--color-positive))',
  45. 'primary': 'hsl(var(--color-primary))',
  46. 'secondary': 'rgb(var(--color-secondary))',
  47. 'tertiary': 'rgb(var(--color-tertiary))',
  48. 'code-number': 'rgb(var(--color-code-number))',
  49. 'code-keyword': 'rgb(var(--color-code-keyword))',
  50. 'code-type': 'rgb(var(--color-code-type))',
  51. 'code-instance-attribute': 'rgb(var(--color-code-instance-attribute))',
  52. 'code-function': 'rgb(var(--color-code-function))',
  53. 'code-parameter': 'rgb(var(--color-code-parameter))',
  54. 'code-property': 'rgb(var(--color-code-property))',
  55. 'code-string': 'rgb(var(--color-code-string))',
  56. 'code-variable': 'rgb(var(--color-code-variable))',
  57. 'code-regexp': 'rgb(var(--color-code-regexp))',
  58. 'code-url': 'rgb(var(--color-code-url))',
  59. 'code-global': 'rgb(var(--color-code-global))',
  60. 'current': 'currentcolor',
  61. 'inherit': 'inherit',
  62. 'transparent': 'transparent',
  63. },
  64. extend: {
  65. fontSize: {
  66. 'lg': '1.125em',
  67. 'xl': '1.25em',
  68. '2xl': '1.5em',
  69. '3xl': '1.75em',
  70. '4xl': '2em',
  71. '5xl': '3em',
  72. '6xl': '4em',
  73. 'xxs': '0.625rem',
  74. },
  75. borderRadius: {
  76. inherit: 'inherit',
  77. },
  78. maxWidth: {
  79. '1/3': '33.333333%',
  80. },
  81. minWidth: {
  82. 6: '1.5rem',
  83. 10: '2.5rem',
  84. 12: '3rem',
  85. 16: '4rem',
  86. 48: '12rem',
  87. 64: '16rem',
  88. 32: '8rem',
  89. },
  90. minHeight: {
  91. 6: '1.5rem',
  92. 10: '2.5rem',
  93. 12: '3rem',
  94. 16: '4rem',
  95. 64: '16rem',
  96. },
  97. strokeWidth: {
  98. 3: '3',
  99. },
  100. },
  101. },
  102. },
  103. );
  104. const config: Config = {
  105. content: [
  106. './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
  107. './src/components/**/*.{js,ts,jsx,tsx,mdx}',
  108. './src/app/**/*.{js,ts,jsx,tsx,mdx}',
  109. './node_modules/@tesseract-design/viewfinder-react/dist/**/*.{js,ts,jsx,tsx,mdx}',
  110. './node_modules/@tesseract-design/web-*-react/**/*.{js.ts,jsx,tsx,mdx}',
  111. ],
  112. theme: {
  113. extend: {
  114. backgroundImage: {
  115. 'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
  116. 'gradient-conic':
  117. 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
  118. },
  119. },
  120. },
  121. plugins: [
  122. tailwind.plugin({
  123. }),
  124. tesseractPlugin,
  125. ],
  126. }
  127. export default config