<div class="divide-y-4 divide-yellow-600 divide-dashed">
  <div>1</div>
  <div>2</div>
  <div>3</div>
</div>

Par défaut, seules les variantes réactives des utilitaires de style Divide sont générées.

Vous pouvez contrôler les variantes générées pour le Partager le style Utilitaires en modifiant le divideStyle Propriété dans le variants Section de votre tailwind.config.js Déposer.

Par exemple cette configuration de même générer flotter et se concentrer Variantes:

  
  module.exports = {
    variants: {
      extend: {
        
+       divideStyle: ['hover', 'focus'],
      }
    }
  }

Si vous ne prévoyez pas de l’utiliser Partager le style Vous pouvez désactiver complètement les utilitaires de votre projet en utilisant le divideStyle propriété à false en faisant corePlugins Section de votre fichier de configuration:

  
  module.exports = {
    corePlugins: {
      
+     divideStyle: false,
    }
  }



Source link

Recent Posts