zoukankan      html  css  js  c++  java
  • [Tailwind] Control What Variations are Generated for Each Utility Class Module in Tailwind

    In this lesson, we learn how to control what utility classes are generated for each utility class module. We look at how we can “opt-in” for responsive variations, as well as different states like hover and focus.

    In tailwind.js: you need to add:

    modules: {
       ...
      borderColors: ['responsive', 'hover', 'focus'],   
    }

    Then you able use focus: class 

              <section>
                <input type="text" class="p-2 mb-2 rounded-sm border-2 border-grey focus:border-red-dark" placeholder="Your name...">
    
                <input type="text" class="p-2 mb-2 rounded-sm border-2 border-grey focus:border-purple-dark" placeholder="Your name...">
    
                <input type="text" class="p-2 mb-2 rounded-sm border-2 border-grey focus:border-purple-dark" placeholder="Your name...">
    
              </section>
  • 相关阅读:
    合理的嵌入式开发学习路线
    Nginx
    RARP
    强弱电共地
    ACDC
    各电脑进Bios方法
    Java中Integer.parseInt
    全排列
    Java实现LRU缓存方案?
    缓存有关的几个问题
  • 原文地址:https://www.cnblogs.com/Answer1215/p/8798809.html
Copyright © 2011-2022 走看看