crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-26 19:51:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

preview bar

Browse Source
This commit is contained in:
Joel Varty
2021-06-23 10:21:22 -04:00
parent 4929032e5f
commit 00922a8c7d
11 changed files with 396 additions and 139 deletions
Download Patch File Download Diff File Expand all files Collapse all files

145
tailwind.config.js
View File

@@ -1,71 +1,78 @@
module.exports = {
future: {
purgeLayersByDefault: true,
applyComplexClasses: true,
},
purge: {
content: [
'./pages/**/*.{js,ts,jsx,tsx}',
'./components/**/*.{js,ts,jsx,tsx}',
],
options: {
safelist: {
standard: ['outline-none'],
},
},
},
theme: {
extend: {
maxWidth: {
'8xl': '1920px',
},
colors: {
primary: 'var(--primary)',
'primary-2': 'var(--primary-2)',
secondary: 'var(--secondary)',
'secondary-2': 'var(--secondary-2)',
hover: 'var(--hover)',
'hover-1': 'var(--hover-1)',
'hover-2': 'var(--hover-2)',
'accent-0': 'var(--accent-0)',
'accent-1': 'var(--accent-1)',
'accent-2': 'var(--accent-2)',
'accent-3': 'var(--accent-3)',
'accent-4': 'var(--accent-4)',
'accent-5': 'var(--accent-5)',
'accent-6': 'var(--accent-6)',
'accent-7': 'var(--accent-7)',
'accent-8': 'var(--accent-8)',
'accent-9': 'var(--accent-9)',
violet: 'var(--violet)',
'violet-light': 'var(--violet-light)',
'violet-dark': 'var(--violet-dark)',
pink: 'var(--pink)',
'pink-light': 'var(--pink-light)',
cyan: 'var(--cyan)',
blue: 'var(--blue)',
green: 'var(--green)',
red: 'var(--red)',
},
textColor: {
base: 'var(--text-base)',
primary: 'var(--text-primary)',
secondary: 'var(--text-secondary)',
},
boxShadow: {
'outline-normal': '0 0 0 2px var(--accent-2)',
magical:
'rgba(0, 0, 0, 0.02) 0px 30px 30px, rgba(0, 0, 0, 0.03) 0px 0px 8px, rgba(0, 0, 0, 0.05) 0px 1px 0px',
},
lineHeight: {
'extra-loose': '2.2',
},
scale: {
120: '1.2',
},
},
},
plugins: [
require('@tailwindcss/typography'),
],
future: {
purgeLayersByDefault: true,
applyComplexClasses: true,
},
purge: {
content: [
'./pages/**/*.{js,ts,jsx,tsx}',
'./components/**/*.{js,ts,jsx,tsx}',
],
options: {
safelist: {
standard: ['outline-none'],
},
},
},
theme: {
extend: {
maxWidth: {
'8xl': '1920px',
},
colors: {
transparent: "transparent",
black: "#000",
white: "#fff",
agility: "#222",
primary: 'var(--primary)',
'primary-2': 'var(--primary-2)',
secondary: 'var(--secondary)',
'secondary-2': 'var(--secondary-2)',
hover: 'var(--hover)',
'hover-1': 'var(--hover-1)',
'hover-2': 'var(--hover-2)',
'accent-0': 'var(--accent-0)',
'accent-1': 'var(--accent-1)',
'accent-2': 'var(--accent-2)',
'accent-3': 'var(--accent-3)',
'accent-4': 'var(--accent-4)',
'accent-5': 'var(--accent-5)',
'accent-6': 'var(--accent-6)',
'accent-7': 'var(--accent-7)',
'accent-8': 'var(--accent-8)',
'accent-9': 'var(--accent-9)',
violet: 'var(--violet)',
'violet-light': 'var(--violet-light)',
'violet-dark': 'var(--violet-dark)',
pink: 'var(--pink)',
'pink-light': 'var(--pink-light)',
cyan: 'var(--cyan)',
blue: 'var(--blue)',
green: 'var(--green)',
red: 'var(--red)',
},
textColor: {
base: 'var(--text-base)',
primary: 'var(--text-primary)',
secondary: 'var(--text-secondary)',
},
boxShadow: {
'outline-normal': '0 0 0 2px var(--accent-2)',
magical:
'rgba(0, 0, 0, 0.02) 0px 30px 30px, rgba(0, 0, 0, 0.03) 0px 0px 8px, rgba(0, 0, 0, 0.05) 0px 1px 0px',
},
lineHeight: {
'extra-loose': '2.2',
},
scale: {
120: '1.2',
},
},
},
plugins: [
require('@tailwindcss/typography'),
],
}