1 Star 27 Fork 1

Orginone/orginoneweb

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
tailwind.config.js 7.73 KB
一键复制 编辑 原始数据 按行查看 历史
mxm-web-develop 提交于 2022-04-29 11:24 . update responsive version
const colors = require('tailwindcss/colors')
module.exports = {
content: ["./src/**/*.{html,js,ts,vue}"],
theme: {
extend:{
colors:{
propertyBasc: "#001743",
propertyLightBlue: '#7FC4FD',
propertyWhitePink: '#F6F6FF ',
propertyGrayWhite: '#B4B4B4',
propertyNewsBase:'#253DE7',
propertyGreen: "#20C084",
propertyGreen10: "hsla(158, 71%, 44%, 0.1)",
property7F7F7F: "#7F7F7F",
property343537 : "#343537",
property949494 : "#949494",
property38009A: "#38009A",
propertyF4F5FF : '#F4F5FF',
property24374E: '#24374E',
},
fontSize: {
xs: ['0.75rem', { lineHeight: '1rem' }],
sm: ['0.875rem', { lineHeight: '1.25rem' }],
base: ['0.9rem', { lineHeight: '1.35rem' }],
lg: ['1.125rem', { lineHeight: '1.75rem' }],
xl: ['1.25rem', { lineHeight: '1.75rem' }],
'2xl': ['1.5rem', { lineHeight: '2rem' }],
'3xl': ['1.875rem', { lineHeight: '2.25rem' }],
'4xl': ['2.25rem', { lineHeight: '2.5rem' }],
'4.5xl': ['2.5rem', { lineHeight: '2.5rem' }],
'5xl': ['3rem', { lineHeight: '1' }],
'6xl': ['3.75rem', { lineHeight: '1' }],
'7xl': ['4.5rem', { lineHeight: '1' }],
'8xl': ['6rem', { lineHeight: '1' }],
'9xl': ['8rem', { lineHeight: '1' }],
},
backgroundImage:theme=>({
'propertyHomeCardBg':"url('/img/home/homeCardBg.png')",
'propertyHomeBannerBg':'url("@/assets/img/home/homeBanner.png")',
'propertyHomeBannerRight': "url('@/assets/img/home/bannerImg.png')",
'designBannerRight':"url('@/assets/img/design/1171650438562_pic.jpg')",
'propertyCloudBannerBg':'url("@/assets/img/propertyCloud/propertyCloudBanner.png")',
'propertyCloudBannerRight': 'url("@/assets/img/propertyCloud/bannerImg.png")',
'propertyCloudBg':'url("@/assets/img/propertyCloud/propertyCloudBg.png")',
'propertyNewsBg':'url("@/assets/img/news/bg_news.png")',
'propertyCollBannerBg':"url('@/assets/img/collaborationPlatform/collBanner.png')",
'propertyCollBannerRight':"url('@/assets/img/collaborationPlatform/bannerImg.png')",
'propertyInnovationBg':"url('@/assets/img/innovationPlatform/bg_innovationPlatform.png')",
'propertyShareBannerRight':"url('@/assets/img/sharePlatform/bannerImg.png')",
'propertyNewsBannerRight':"url('@/assets/img/news/bannerRightBg.png')",
'propertyInnovationRight':"url('@/assets/img/innovationPlatform/Layer.png')",
'propertyShareBannerBg':"url('@/assets/img/sharePlatform/sharePlatformBanner.png')",
'propertyAppBannerBg':"url('@/assets/img/appMarket/appBanner.png')",
'propertyAppBannerRightBg':"url('@/assets/img/appMarket/appBannerRightBg.png')",
'propertyAppLineImg':"url('@/assets/img/appMarket/appLineImg.png')",
'propertyCloudBannerBgColor':'url(@/assets/img/collaborationPlatform/bg_collaborate.png)',
'mobileHomeBanner':'url(@/assets/img/home/bg_home.png)',
'mobileInnovationPlatformBanner':'url(@/assets/img/innovationPlatform/card.png)',
'mobileMenuHeader':'linear-gradient(219deg, #303446 0%, #0D0D14 100%)',
'aboutUsImgA':"url('@/assets/img/aboutUs/imgA.png')",
'aboutUsImgB':"url('@/assets/img/aboutUs/imgB.png')",
'aboutUsImgC':"url('@/assets/img/aboutUs/imgC.png')",
'appMarketBannerBgColor':'url(@/assets/img/appMarket/Card.png)',
'mobileInnovationPlatformBanner':'url(@/assets/img/innovationPlatform/card.png)',
})
},
screens: {
sm: '640px',
md: '768px',
lg: '1024px',
xl: '1280px',
'2xl': '1536px',
},
spacing: {
px: '1px',
0: '0px',
0.25:'0.1rem',
0.5: '0.125rem',
1: '0.25rem',
1.5: '0.375rem',
2: '0.5rem',
2.5: '0.625rem',
3: '0.75rem',
3.5: '0.875rem',
4: '1rem',
5: '1.25rem',
6: '1.5rem',
7: '1.75rem',
8: '2rem',
9: '2.25rem',
10: '2.5rem',
11: '2.75rem',
12: '3rem',
14: '3.5rem',
16: '4rem',
18: '4.5rem',
20: '5rem',
24: '6rem',
28: '7rem',
32: '8rem',
36: '9rem',
40: '10rem',
44: '11rem',
48: '12rem',
52: '13rem',
56: '14rem',
60: '15rem',
64: '16rem',
72: '18rem',
80: '20rem',
96: '24rem',
105:'26.25rem',
100: '28rem',
104: '32rem',
108: '36rem',
112: '40rem',
116: '44rem',
'pcWidth': '1400px',
},
backgroundImage: {
none: 'none',
'gradient-to-t': 'linear-gradient(to top, var(--tw-gradient-stops))',
'gradient-to-tr': 'linear-gradient(to top right, var(--tw-gradient-stops))',
'gradient-to-r': 'linear-gradient(to right, var(--tw-gradient-stops))',
'gradient-to-br': 'linear-gradient(to bottom right, var(--tw-gradient-stops))',
'gradient-to-b': 'linear-gradient(to bottom, var(--tw-gradient-stops))',
'gradient-to-bl': 'linear-gradient(to bottom left, var(--tw-gradient-stops))',
'gradient-to-l': 'linear-gradient(to left, var(--tw-gradient-stops))',
'gradient-to-tl': 'linear-gradient(to top left, var(--tw-gradient-stops))',
'propertyBgLinear': 'linear-gradient(180deg, #EBEFF5 0%, #FFFFFF 100%)',
'propertyCloudBgLinear': 'linear-gradient(270deg, #38009A 0%, #1A0061 100%)',
'propertyCollBgLinear': ' linear-gradient(180deg, #F4F5FF 0%, rgba(255, 255, 255, 0) 100%)',
'aboutUsLinearA':'linear-gradient(180deg, #2D70B4 0%, #17385A 100%)',
'aboutUsLinearB':'linear-gradient(180deg, #FF1F5B 0%, #CE194A 39%, #C51847 45%, #80102E 100%)',
},
backgroundSize: {
auto: 'auto',
cover: 'cover',
contain: 'contain',
full: "100% 100%",
rightWidth: '77%'
},
maxHeight: (theme) => ({
...theme('spacing'),
full: '100%',
42:'13rem',
frame:'3000px',
screen: '100vh',
}),
maxWidth: (theme, { breakpoints }) => ({
none: 'none',
0: '0rem',
xs: '20rem',
sm: '24rem',
md: '28rem',
lg: '32rem',
xl: '36rem',
'2xl': '42rem',
'3xl': '48rem',
'4xl': '56rem',
'5xl': '64rem',
'6xl': '72rem',
'7xl': '80rem',
full: '100%',
min: 'min-content',
max: 'max-content',
prose: '65ch',
...breakpoints(theme('screens')),
}),
boxShadow: {
sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
DEFAULT: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',
md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',
'2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.25)',
inner: 'inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)',
propertyShadowA: '0px 0px 20px rgba(0, 0, 0, 0.16)',
littelCardShadow: '0px 0px 10px rgba(0, 0, 0, 0.16)',
propertyShadowB: '0px 0px 20px rgba(105, 113, 250, 0.2)',
none: 'none',
},
minHeight: {
0: '0px',
60:'3.75rem',
64:'13rem',
full: '100%',
frame:'calc(100vh - 369px)',
screen: '100vh',
},
minWidth: {
pcWidth: '1400px'
}
},
plugins: [
require('@tailwindcss/line-clamp'),
require("tailwindcss-animate")
]
}
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/orginone/orginoneweb.git
git@gitee.com:orginone/orginoneweb.git
orginone
orginoneweb
orginoneweb
master

搜索帮助