Declaring Variants

Changing the set of variants

The easiest way to change the set of variants for any core plug-in is to write out the entire list of the variants we want for the core plugin. For example, alternating row patterns can be applied with the odd or even property. Here, we want the odd and even variants for the background color:

module.exports = {
  variants: {
    backgroundColor: [
      'responsive', 'dark', 'group-hover',
      'hover', 'focus', 'odd', 'even'
    ] 
  }
}

As written, this list overrides the existing list. It does not extend it, so we have included ...