Files
ISA-Frontend/tailwind.config.js
2020-10-02 10:10:17 +02:00

72 lines
1.6 KiB
JavaScript

module.exports = {
purge: [],
theme: {
screens: {
tablet: '640px',
desktop: '1024px',
'desktop-l': '1280px',
'desktop-xl': '1680px',
},
zIndex: {
dropdown: 10,
sticky: 20,
fixed: 30,
modalBackdrop: 40,
modal: 50,
popover: 60,
tooltip: 70,
},
extend: {
fontSize: {
regular: '16px',
'card-heading': '22px',
'page-heading': '26px',
},
maxWidth: {
content: '916px',
},
spacing: {
'px-5': '5px',
'px-10': '10px',
'px-15': '15px',
'px-20': '20px',
'px-50': '50px',
'px-100': '100px',
'px-150': '150px',
},
padding: {
card: '20px',
},
colors: {
warning: '#be8100',
brand: '#f70400',
'ucla-blue': '#5a728a',
// active: '#1f466c',
// inactive: '#3980c6',
// disabled: '#b0cce8',
customer: '#e6eff9',
'font-customer': '#557eb8',
'active-customer': '#1f466c',
'inactive-customer': '#557596',
'disabled-customer': '#d7e6f4',
branch: '#edeff0',
'font-branch': '#557eb8',
'active-branch': '#596470',
'inactive-branch': '#9ca5b0',
'disabled-branch': '#c6cbd2',
},
boxShadow: {
input: '0 6px 24px 0 rgba(214, 215, 217, 0.8)',
'autocomplete-option': '0 6px 8px 0 rgba(214,215,217,.8)',
card: '0px 0px 10px 0px rgba(220, 226, 233, 0.5)',
},
borderRadius: {
card: '5px',
autocomplete: '30px',
},
},
},
variants: {},
plugins: [],
};