TailwindCSS Config Example

tailwind.config.js

module.exports = {
  purge: [
    './resources/js/**/*.vue'
  ],
  corePlugins: {
    float: false,
    fill: false,
    objectFit: false,
    objectPosition: false,
    grid: false,
    gridColumn: false,
    gridColumnStart: false,
    gridColumnStartEnd: false,
    gridTemplateColumns: false,
    gap: false,
    gridAutoFlow: false,
    minWidth: false,
    maxWidth: false,
    minHeight: false,
    maxHeight: false,
    backgroundAttachment: false,
    tableLayout: false,
    borderCollapse: false,
    transitionProperty: false,
    transitionDuration: false,
    transitionTimingFunction: false,
    transitionDelay: false,
    scale: false,
    translate: false,
    accessibility: false
  },
  variants: {
    appearance: [],
    backgroundColor: [],
    borderColor: [],
    zIndex: [],
    width: [],
    height: [],
    fontStyle: [],
    borderRadius: [],
    cursor: [],
    outline: ['focus']
  },
  plugins: [],
}