5 Star 0 Fork 0

innovators/develop

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
tailwind.config.js 1.33 KB
一键复制 编辑 原始数据 按行查看 历史
xq.qiu 提交于 2023-07-07 15:51 +08:00 . refactor: 提交初始化仓库
/** @type {import('tailwindcss').Config} */
const defaultTheme = require('tailwindcss/defaultTheme')
import distance from "./src/static/distance.json"
import color from "./src/static/color.json"
// 转换像素单位
const unit = 'px,em,rem,ex,ch,pt,%,vw,vh,pt,mm,cm,in,pc,cap'
const transformKeys = (obj) => {
let obj2 = {}
for (let key in obj) {
let str = obj[key].replace(/\d*/, '')
if (str && unit.includes(str)) {
obj2[key] = obj[key]
} else {
obj2[key] = obj[key] + 'px'
}
}
return obj2
}
const distanceObject = transformKeys(distance)
// 转换颜色
const colorArr = color
const colorFunc = (theme) => {
let obj = { ...theme('colors') }
for (const key in colorArr) {
if (colorArr[key] && typeof colorArr[key] == 'object') {
for (const colorKey in colorArr[key]) {
obj[key + '-' + colorKey] = colorArr[key][colorKey]
}
}
}
return obj
}
export default {
content: [
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
],
theme: {
textColor: (theme) => {
return colorFunc(theme)
},
borderColor: (theme) => {
return colorFunc(theme)
},
backgroundColor: (theme) => {
return colorFunc(theme)
},
extend: {
spacing: {
...defaultTheme.spacing,
...distanceObject
}
},
},
plugins: [],
}
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/encourage_innovation/develop.git
git@gitee.com:encourage_innovation/develop.git
encourage_innovation
develop
develop
master

搜索帮助