tailwind.config.js

module.exports = {
  theme: {

  },
  variants: {
    appearance: [ 'responsive' ],
    backgroundAttachment: [ 'responsive' ],
    backgroundColor: [ 'responsive', 'hover', 'focus' ],
    backgroundPosition: [ 'responsive' ],
    backgroundRepeat: [ 'responsive' ],
    backgroundSize: [ 'responsive' ],
    borderCollapse: [],
    borderColor: [ 'responsive', 'hover', 'focus' ],
    borderRadius: [ 'responsive' ],
    borderStyle: [ 'responsive' ],
    borderWidth: [ 'responsive' ],
    cursor: [ 'responsive' ],
    display: [ 'responsive' ],
    flexDirection: [ 'responsive' ],
    flexWrap: [ 'responsive' ],
    alignItems: [ 'responsive' ],
    alignSelf: [ 'responsive' ],
    justifyContent: [ 'responsive' ],
    alignContent: [ 'responsive' ],
    flex: [ 'responsive' ],
    flexGrow: [ 'responsive' ],
    flexShrink: [ 'responsive' ],
    order: [ 'responsive' ],
    float: [ 'responsive' ],
    fontFamily: [ 'responsive' ],
    fontWeight: [ 'responsive', 'hover', 'focus' ],
    height: [ 'responsive' ],
    lineHeight: [ 'responsive' ],
    listStylePosition: [ 'responsive' ],
    listStyleType: [ 'responsive' ],
    margin: [ 'responsive' ],
    maxHeight: [ 'responsive' ],
    maxWidth: [ 'responsive' ],
    minHeight: [ 'responsive' ],
    minWidth: [ 'responsive' ],
    objectFit: [ 'responsive' ],
    objectPosition: [ 'responsive' ],
    opacity: [ 'responsive' ],
    outline: [ 'focus' ],
    overflow: [ 'responsive' ],
    padding: [ 'responsive' ],
    pointerEvents: [ 'responsive' ],
    position: [ 'responsive' ],
    inset: [ 'responsive' ],
    resize: [ 'responsive' ],
    boxShadow: [ 'responsive', 'hover', 'focus' ],
    fill: [],
    stroke: [],
    tableLayout: [ 'responsive' ],
    textAlign: [ 'responsive' ],
    textColor: [ 'responsive', 'hover', 'focus' ],
    fontSize: [ 'responsive' ],
    fontStyle: [ 'responsive' ],
    textTransform: [ 'responsive' ],
    textDecoration: [ 'responsive', 'hover', 'focus' ],
    fontSmoothing: [ 'responsive' ],
    letterSpacing: [ 'responsive' ],
    userSelect: [ 'responsive' ],
    verticalAlign: [ 'responsive' ],
    visibility: [ 'responsive' ],
    whitespace: [ 'responsive' ],
    wordBreak: [ 'responsive' ],
    width: [ 'responsive' ],
    zIndex: [ 'responsive' ],
  },
  corePlugins: {},
  plugins: [],
}