TrizTech/ohif-viewer
15
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update tailwind theme

Browse Source
This commit is contained in:
Rodrigo Antinarelli 2020-03-02 16:40:10 -03:00 committed by James A. Petts
parent a0b73d2b1f
commit f7a0a2bd92
1 changed files with 30 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
platform/ui/tailwind.config.js
View File

@ -25,7 +25,6 @@ module.exports = {
light: '#a2a0af', light: '#a2a0af',
main: '#333', main: '#333',
dark: '#000', dark: '#000',
// Previously '' (empty string)
contrastText: '#fff', contrastText: '#fff',
}, },
@ -154,7 +153,7 @@ module.exports = {
spacing: { spacing: {
px: '1px', px: '1px',
'0': '0', '0': '0',
'1': '0.25rem', '1': '0.15rem',
'2': '0.5rem', '2': '0.5rem',
'3': '0.75rem', '3': '0.75rem',
'4': '1rem', '4': '1rem',
@ -278,9 +277,9 @@ module.exports = {
], ],
}, },
fontSize: { fontSize: {
xs: '0.75rem', xs: '0.65rem',
sm: '0.875rem', sm: '0.75rem',
base: '1rem', base: '0.875rem',
lg: '1.125rem', lg: '1.125rem',
xl: '1.25rem', xl: '1.25rem',
'2xl': '1.5rem', '2xl': '1.5rem',
@ -385,9 +384,25 @@ module.exports = {
}, },
opacity: { opacity: {
'0': '0', '0': '0',
'25': '0.25', '5': '.5',
'50': '0.5', '10': '.10',
'75': '0.75', '15': '.15',
'20': '.20',
'25': '.25',
'30': '.30',
'35': '.35',
'40': '.40',
'45': '.45',
'50': '.50',
'55': '.55',
'60': '.60',
'65': '.65',
'70': '.70',
'75': '.75',
'80': '.80',
'85': '.85',
'90': '.90',
'95': '.95',
'100': '1', '100': '1',
}, },
order: { order: {
@ -643,15 +658,15 @@ module.exports = {
alignSelf: ['responsive'], alignSelf: ['responsive'],
appearance: ['responsive'], appearance: ['responsive'],
backgroundAttachment: ['responsive'], backgroundAttachment: ['responsive'],
backgroundColor: ['responsive', 'hover', 'focus'], backgroundColor: ['responsive', 'hover', 'focus', 'active'],
backgroundPosition: ['responsive'], backgroundPosition: ['responsive'],
backgroundRepeat: ['responsive'], backgroundRepeat: ['responsive'],
backgroundSize: ['responsive'], backgroundSize: ['responsive'],
borderCollapse: ['responsive'], borderCollapse: ['responsive'],
borderColor: ['responsive', 'hover', 'focus'], borderColor: ['responsive', 'hover', 'focus', 'active'],
borderRadius: ['responsive'], borderRadius: ['responsive', 'focus'],
borderStyle: ['responsive'], borderStyle: ['responsive', 'focus'],
borderWidth: ['responsive'], borderWidth: ['responsive', 'focus'],
boxShadow: ['responsive', 'hover', 'focus'], boxShadow: ['responsive', 'hover', 'focus'],
boxSizing: ['responsive'], boxSizing: ['responsive'],
cursor: ['responsive'], cursor: ['responsive'],
@ -683,7 +698,7 @@ module.exports = {
minWidth: ['responsive'], minWidth: ['responsive'],
objectFit: ['responsive'], objectFit: ['responsive'],
objectPosition: ['responsive'], objectPosition: ['responsive'],
opacity: ['responsive', 'hover', 'focus'], opacity: ['responsive', 'hover', 'focus', 'active'],
order: ['responsive'], order: ['responsive'],
outline: ['responsive', 'focus'], outline: ['responsive', 'focus'],
overflow: ['responsive'], overflow: ['responsive'],
@ -696,7 +711,7 @@ module.exports = {
strokeWidth: ['responsive'], strokeWidth: ['responsive'],
tableLayout: ['responsive'], tableLayout: ['responsive'],
textAlign: ['responsive'], textAlign: ['responsive'],
textColor: ['responsive', 'hover', 'focus'], textColor: ['responsive', 'hover', 'focus', 'active'],
textDecoration: ['responsive', 'hover', 'focus'], textDecoration: ['responsive', 'hover', 'focus'],
textTransform: ['responsive'], textTransform: ['responsive'],
userSelect: ['responsive'], userSelect: ['responsive'],