//The prefix option allows you to add a custom prefix to all of Tailwind’s generated utility classes.

//This can be really useful when layering Tailwind on top of existing CSS where there might be naming conflicts.

​

//For example, you could add a tw- prefix by setting the prefix option like so:

​

module.exports = {

  prefix: 'tw-',

}

//style 1: const css = '', where css is the prefix could use cssAnything or CSSanything

//style 2: const styles = {style1: '', style2: ''}

//add these to settings.json on vscode to work with tailwind intellisense extension

​

"tailwindCSS.experimental.classRegex": [

  "css[-A-Za-z0-9]*\\s*=\\s*['\"`]([-A-Za-z0-9\\s]*)['\"`]",

  ":\\s*?[\"'`]([^\"'`]*).*?(?=,|\\s*\\}|$)"

]

​

​