|
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273 |
- import { clsx } from 'clsx';
- //import { twMerge } from 'tailwind-merge';
- import plugin from 'tailwindcss/plugin';
- export type { PluginCreator } from 'tailwindcss/types/config';
-
- export const tw = (...args: Parameters<typeof clsx>) => clsx(...args);
-
- export const basePlugin = plugin(
- ({ addUtilities, matchUtilities, theme }) => {
- matchUtilities(
- {
- font: (value) => ({
- tabSize: value,
- }),
- },
- {
- values: theme('fontStretch'),
- },
- );
-
- addUtilities({
- '.linejoin-round': {
- 'stroke-linejoin': 'round',
- },
- '.linecap-round': {
- 'stroke-linecap': 'round',
- },
- });
- },
- {
- theme: {
- extend: {
- colors: {
- 'current': 'currentcolor',
- 'inherit': 'inherit',
- 'transparent': 'transparent',
- },
- fontFamily: {
- inherit: ['inherit'],
- },
- fontStretch: {
- 'condensed': 'condensed',
- 'semi-condensed': 'semi-condensed',
- 'expanded': 'expanded',
- 'semi-expanded': 'semi-expanded',
- 'inherit': 'inherit',
- },
- borderRadius: {
- inherit: 'inherit',
- },
- minWidth: {
- 6: '1.5rem',
- 10: '2.5rem',
- 12: '3rem',
- 16: '4rem',
- 48: '12rem',
- 64: '16rem',
- },
- minHeight: {
- 6: '1.5rem',
- 10: '2.5rem',
- 12: '3rem',
- 16: '4rem',
- 32: '8rem',
- 64: '16rem',
- },
- strokeWidth: {
- 3: '3',
- },
- },
- },
- },
- );
|