尾风自定义断点去除颜色

发布于 2025-02-10 05:35:46 字数 2074 浏览 1 评论 0原文

我添加了一个自定义的断点,但是每当我这样做时,我都会失去我制作的自定义颜色。我在这里做错了吗?作为参考,我使用的是CDN链接,而不是NPM,因此为什么您不会看到模块导出。这不是针对产品环境。

tailwind.config = {
            theme: {
   

        screens: {
  iphone: '360px',
  ...defaultTheme.screens,
},

                extend:{
                    colors: {
                        green: "#02594c",
                        grey: "#333",
                        yellow: "#fe0",
                        purple: "#5F3DC4",
                          orange: "#ff9800"
                    },
                    
                            
                    fontSize: {
                lg2:'1.1875rem',
                remtwo: '2rem',
            },
            margin: {
                xxl:'34rem',
                xxl2:'37rem',
                xxl3:'40rem',
                xxl4:'45rem',
                xxl5:'50rem',
                xxl6:'55rem',
                xxl7:'60rem',
                xxl8:'65rem',
                xxl9:'70rem',
            },
            gap:{
                
                110: '23rem',
                120: '27rem',
                130: '30rem',
                135: '32rem',
                140: '33rem'
            },
            fontFamily:{
              arial: ['arial']
            },
            height:{
                xxl:'25rem',
                xxl2: '27rem',
                xxl3: '30rem',
                xxl4: '32rem',
                xxl5: '34rem'
            },
            width:{
                xl: '25rem',
                xxl:'30rem',
                xxl2: '37rem',
                xxl3: '38rem'
            },
            borderWidth:{
                xl: '323px',
                xxl: '400px',
            },
                },
                
            },
        };

输入链接在这里

I added a custom break point, but whenever I do this I lose the custom colors I made too. Am I doing something wrong here? For reference I'm using the cdn link not npm hence why you won't see module exports. This is a not for a prod ENV.

enter image description here

tailwind.config = {
            theme: {
   

        screens: {
  iphone: '360px',
  ...defaultTheme.screens,
},

                extend:{
                    colors: {
                        green: "#02594c",
                        grey: "#333",
                        yellow: "#fe0",
                        purple: "#5F3DC4",
                          orange: "#ff9800"
                    },
                    
                            
                    fontSize: {
                lg2:'1.1875rem',
                remtwo: '2rem',
            },
            margin: {
                xxl:'34rem',
                xxl2:'37rem',
                xxl3:'40rem',
                xxl4:'45rem',
                xxl5:'50rem',
                xxl6:'55rem',
                xxl7:'60rem',
                xxl8:'65rem',
                xxl9:'70rem',
            },
            gap:{
                
                110: '23rem',
                120: '27rem',
                130: '30rem',
                135: '32rem',
                140: '33rem'
            },
            fontFamily:{
              arial: ['arial']
            },
            height:{
                xxl:'25rem',
                xxl2: '27rem',
                xxl3: '30rem',
                xxl4: '32rem',
                xxl5: '34rem'
            },
            width:{
                xl: '25rem',
                xxl:'30rem',
                xxl2: '37rem',
                xxl3: '38rem'
            },
            borderWidth:{
                xl: '323px',
                xxl: '400px',
            },
                },
                
            },
        };

enter link description here

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文