TailWindCSS超级配置

所以我想制作一个TailWindCSS超级配置，其中每个高度分数都达到12，高度屏幕和字体大小相同，还有很多颜色。

我知道TailWindCSS提供了一个非常好的默认配置，但我希望它更大、更好。 文件大小不是CSS的问题，它将被清除，在使用PurgeCSS一段时间后，我相信它将只包含所需的内容。

拥有一个大的样式表确实意味着一些开发人员可能会走得太远，开始过度使用类，但是我个人认为这在我的公司里不会是一个问题，我仍然希望拥有一个大的配置。

我想自动生成配置，这样我就可以生成1/2、2/3、5/5等，而不必手动将它们输入到配置中，同时我希望每个属性的每个变量，使最终CSS更大！
简而言之，我想要一种自动生成一些配置的方法，我想知道声明配置的正确顺序（例如：高度、宽度、框阴影等）

---

谢谢，贾斯汀。

您提到的所有内容都可以通过TailwindCSS提供的默认配置文件轻松完成

这就是TailwindCSS的美妙之处，简单的配置，无限的选择

试一试

例如：

// tailwind.config.js
module.exports = {
 theme: { 
  extend: {
   colors: {
    'lollipop': {
       100: '#FFFFEE',
       200: '#FFFFD5',
       300: '#FFFFBB',
       400: '#FFFE88',
       500: '#FFFE55',
       600: '#E6E54D',
       700: '#999833',
       800: '#737226',
       900: '#4D4C1A',
    },
    'lola': {
       100: '#FCFBFC',
       200: '#F8F4F7',
       300: '#F4EDF1',
       400: '#EBE0E7',
       500: '#E3D3DD',
       600: '#CCBEC7',
       700: '#887F85',
       800: '#665F63',
       900: '#443F42',
    }
   },
   spacing: {
    '96': '24rem',
    '128': '32rem',
    '254': '64rem',
   }
  }
 }
}

---

因此，我调查的结果就是使用Javascript的本机功能自动生成部分配置，节省了我写配置行的时间

myVariants={}；
for（设x=1；x<12；x++）
myVariants[x+“/12”]=（8.33333*x）+“%”；
console.log（myVariants）我知道这是一个迟来的答复，但仔细阅读我原来的问题这并不能完全解决它，我想让配置自动生成。幸运的是，由于配置只是JS，我们可以很容易地解决这个问题。我将发布另一个关于我所做的事情的答案，但是谢谢，祝你有一个愉快的一天！