From 1327438f89b195ec5112f8f4042b8a41954600c0 Mon Sep 17 00:00:00 2001 From: xion Date: Wed, 30 Oct 2024 13:18:57 +0800 Subject: [PATCH] =?UTF-8?q?temp=EF=BC=9A=20=E4=BF=AE=E6=94=B9theme?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/tailwind/.npmrc | 1 + packages/tailwind/extends/theme.js | 11 +++++ packages/tailwind/package.json | 14 ++++-- .../tailwind/plugins/{flex.js => index.js} | 0 packages/tailwind/tailwind.config.js | 47 +++++++++++++++++++ packages/ui/package.json | 2 +- 6 files changed, 70 insertions(+), 5 deletions(-) create mode 100644 packages/tailwind/.npmrc create mode 100644 packages/tailwind/extends/theme.js rename packages/tailwind/plugins/{flex.js => index.js} (100%) create mode 100644 packages/tailwind/tailwind.config.js diff --git a/packages/tailwind/.npmrc b/packages/tailwind/.npmrc new file mode 100644 index 0000000..ca0a22f --- /dev/null +++ b/packages/tailwind/.npmrc @@ -0,0 +1 @@ +@build:registry=https://npm.xiongxiao.me \ No newline at end of file diff --git a/packages/tailwind/extends/theme.js b/packages/tailwind/extends/theme.js new file mode 100644 index 0000000..1c5c141 --- /dev/null +++ b/packages/tailwind/extends/theme.js @@ -0,0 +1,11 @@ +export const extend = { + extend: { + fontFamily: { + mon: ['Montserrat', 'sans-serif'], // 定义自定义字体族 + rob: ['Roboto', 'sans-serif'], + int: ['Inter', 'sans-serif'], + orb: ['Orbitron', 'sans-serif'], + din: ['DIN', 'sans-serif'], + }, + }, +}; diff --git a/packages/tailwind/package.json b/packages/tailwind/package.json index a090d6d..3c74638 100644 --- a/packages/tailwind/package.json +++ b/packages/tailwind/package.json @@ -1,16 +1,22 @@ { - "name": "@kevisual/tailwind", + "name": "@build/tailwind", "version": "1.0.0", "description": "", - "main": "index.js", + "main": "plugin/index.js", + "type": "module", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "files": [ "plugins", - "css" + "css", + "extends" ], "keywords": [], "author": "abearxiong", - "license": "ISC" + "license": "ISC", + "exports": { + ".": "./plugins/index.js", + "./css": "./css/globals.css" + } } \ No newline at end of file diff --git a/packages/tailwind/plugins/flex.js b/packages/tailwind/plugins/index.js similarity index 100% rename from packages/tailwind/plugins/flex.js rename to packages/tailwind/plugins/index.js diff --git a/packages/tailwind/tailwind.config.js b/packages/tailwind/tailwind.config.js new file mode 100644 index 0000000..3b64da6 --- /dev/null +++ b/packages/tailwind/tailwind.config.js @@ -0,0 +1,47 @@ +import path from 'path'; + +const root = path.resolve(process.cwd()); +const contents = ['./src/**/*.{ts,tsx,html}', './src/**/*.css'] +const content = contents.map((item) => path.join(root, item)); +/** @type {import('tailwindcss').Config} */ +export default { + darkMode: ['class'], + content: content, + plugins: [ + require('@tailwindcss/aspect-ratio'), // + require('@tailwindcss/typography'), + require('tailwindcss-animate'), + require('./plugins/index'), + ], + theme: { + extend: { + fontFamily: { + mon: ['Montserrat', 'sans-serif'], // 定义自定义字体族 + rob: ['Roboto', 'sans-serif'], + int: ['Inter', 'sans-serif'], + orb: ['Orbitron', 'sans-serif'], + din: ['DIN', 'sans-serif'], + }, + }, + screen: { + sm: '640px', + // => @media (min-width: 640px) { ... } + + md: '768px', + // => @media (min-width: 768px) { ... } + + lg: '1024px', + // => @media (min-width: 1024px) { ... } + + xl: '1280px', + // => @media (min-width: 1280px) { ... } + + '2xl': '1536px', + // => @media (min-width: 1536px) { ... } + '3xl': '1920px', + // => @media (min-width: 1920) { ... } + '4xl': '2560px', + // => @media (min-width: 2560) { ... } + }, + }, +}; diff --git a/packages/ui/package.json b/packages/ui/package.json index 30f7e0b..94edd16 100644 --- a/packages/ui/package.json +++ b/packages/ui/package.json @@ -1,6 +1,6 @@ { "name": "@kevisual/ui", - "version": "0.0.2", + "version": "0.0.3-alpha-1", "description": "", "main": "dist/index.js", "privite": false,