尾风自定义断点去除颜色
我添加了一个自定义的断点,但是每当我这样做时,我都会失去我制作的自定义颜色。我在这里做错了吗?作为参考,我使用的是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.
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',
},
},
},
};
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论