3f2c57394a
Use latest prettier as devDependency so tools will use (or can be configured to use) the npm provided version. The unique config change is to use single quotes instead of double quotes.
76 lines
1.7 KiB
JavaScript
76 lines
1.7 KiB
JavaScript
module.exports = {
|
|
theme: {
|
|
extend: {
|
|
container: {
|
|
center: true,
|
|
padding: '2rem',
|
|
},
|
|
fontFamily: {
|
|
sans: [
|
|
'Segoe UI',
|
|
'Roboto',
|
|
'Helvetica Neue',
|
|
'Arial',
|
|
'Noto Sans',
|
|
'sans-serif',
|
|
'Apple Color Emoji',
|
|
'Segoe UI Emoji',
|
|
'Segoe UI Symbol',
|
|
'Noto Color Emoji',
|
|
],
|
|
},
|
|
borderWidth: {
|
|
default: '1px',
|
|
0: '0',
|
|
2: '2px',
|
|
4: '4px',
|
|
5: '5px',
|
|
6: '6px',
|
|
},
|
|
spacing: {
|
|
px: '1px',
|
|
'2px': '2px',
|
|
'3px': '3px',
|
|
0: '0',
|
|
1: '0.25rem',
|
|
2: '0.5rem',
|
|
3: '0.75rem',
|
|
4: '1rem',
|
|
5: '1.25rem',
|
|
6: '1.5rem',
|
|
8: '2rem',
|
|
10: '2.5rem',
|
|
12: '3rem',
|
|
16: '4rem',
|
|
20: '5rem',
|
|
24: '6rem',
|
|
32: '8rem',
|
|
40: '10rem',
|
|
48: '12rem',
|
|
56: '14rem',
|
|
64: '16rem',
|
|
},
|
|
colors: {
|
|
dark: '#4a4a4a',
|
|
},
|
|
},
|
|
},
|
|
variants: {
|
|
backgroundColor: ['responsive', 'hover', 'focus', 'disabled'],
|
|
borderColor: ['responsive', 'hover', 'focus', 'disabled'],
|
|
boxShadow: ['responsive', 'hover', 'focus', 'disabled'],
|
|
cursor: ['responsive', 'disabled'],
|
|
opacity: ['responsive', 'disabled'],
|
|
textColor: ['responsive', 'hover', 'focus', 'disabled'],
|
|
},
|
|
plugins: [
|
|
function ({ addVariant, e }) {
|
|
addVariant('disabled', ({ modifySelectors, separator }) => {
|
|
modifySelectors(({ className }) => {
|
|
return `.${e(`disabled${separator}${className}`)}:disabled`;
|
|
});
|
|
});
|
|
},
|
|
],
|
|
};
|