const colors = require('./app/theme/colors');

module.exports = {
  important: true,
  purge: [],
  corePlugins: [
		'preflight',
		'container',
		// 'accessibility',
		// 'alignContent',
		'alignItems',
		'alignSelf',
		//'appearance',
		// 'backgroundAttachment',
		'backgroundColor',
		// 'backgroundOpacity',
		// 'backgroundPosition',
		// 'backgroundRepeat',
		// 'backgroundSize',
		// 'borderCollapse',
		'borderColor',
		// 'borderOpacity',
		'borderRadius',
		// 'borderStyle',
		'borderWidth',
		// 'boxSizing',
		// 'boxShadow',
		// 'clear',
		'cursor',
		'display',
		// 'divideColor',
		// 'divideWidth',
		// 'fill',
		'flex',
		'flexDirection',
		// 'flexGrow',
		'flexShrink',
		'flexWrap',
		// 'float',
		'gap',
		'gridAutoFlow',
		'gridColumn',
		'gridColumnStart',
		'gridColumnEnd',
		'gridRow',
		'gridRowStart',
		'gridRowEnd',
		'gridTemplateColumns',
		'gridTemplateRows',
		'fontFamily',
		'fontSize',
		//'fontSmoothing',
		'fontStyle',
		'fontWeight',
		'height',
		'inset',
		'justifyContent',
		'letterSpacing',
		'lineHeight',
		// 'listStylePosition',
		// 'listStyleType',
		'margin',
		// 'maxHeight',
		// 'maxWidth',
		// 'minHeight',
		// 'minWidth',
		// 'objectFit',
		// 'objectPosition',
		'opacity',
		// 'order',
		'outline',
		'overflow',
		'padding',
		// 'placeholderColor',
		// 'placeholderOpacity',
		'pointerEvents',
		'position',
		// 'resize',
		// 'rotate',
		// 'scale',
		// 'skew',
		// 'space',
		// 'stroke',
		// 'strokeWidth',
		// 'tableLayout',
		'textAlign',
		// 'textColor',
		// 'textOpacity',
		// 'textDecoration',
		'textTransform',
		// 'transform',
		// 'transitionDuration',
		// 'transitionProperty',
		// 'transitionTimingFunction',
		// 'translate',
		// 'userSelect',
		// 'verticalAlign',
		'visibility',
		'whitespace',
		'width',
		'wordBreak',
		'zIndex'
  ],
  theme: {
		colors,
		borderColor: {
			default: '#DDDDDD',
			"gray-light-shade": colors["gray-light-shade"],
		},
    extend: {},
  },
  variants: {
		visibility: ['responsive', 'hover', 'focus', 'group-hover']
	},
  plugins: [],
}
