Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
'20': '20',
'30': '30',
'40': '40',
'50': '50',
},
customForms: {
horizontalPadding: defaultTheme.spacing[3],
verticalPadding: defaultTheme.spacing[2],
lineHeight: defaultTheme.lineHeight.normal,
fontSize: defaultTheme.fontSize.base,
borderColor: defaultTheme.borderColor.default,
borderWidth: defaultTheme.borderWidth.default,
borderRadius: defaultTheme.borderRadius.default,
backgroundColor: defaultTheme.colors.white,
focusBorderColor: defaultTheme.colors.blue[400],
focusBoxShadow: defaultTheme.boxShadow.outline,
boxShadow: defaultTheme.boxShadow.none,
checkboxSize: '1em',
radioSize: '1em',
checkboxIcon: `<svg xmlns="http://www.w3.org/2000/svg" fill="#fff" viewBox="0 0 16 16"><path d="M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z"></path></svg>`,
radioIcon: `<svg xmlns="http://www.w3.org/2000/svg" fill="#fff" viewBox="0 0 16 16"><circle r="3" cy="8" cx="8"></circle></svg>`,
checkedColor: defaultTheme.colors.blue[500],
selectIcon: `<svg fill="${
defaultTheme.colors.gray[500]
}" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15.3 9.3a1 1 0 0 1 1.4 1.4l-4 4a1 1 0 0 1-1.4 0l-4-4a1 1 0 0 1 1.4-1.4l3.3 3.29 3.3-3.3z"></path></svg>`,
selectIconOffset: defaultTheme.spacing[2],
selectIconSize: '1.5em',
},
spinner: theme => ({
default: {
color: '#dae1e7', // color you want to make the spinner
size: '1em', // size of the spinner (used for both width and height)
'30': '30',
'40': '40',
'50': '50',
},
customForms: {
horizontalPadding: defaultTheme.spacing[3],
verticalPadding: defaultTheme.spacing[2],
lineHeight: defaultTheme.lineHeight.normal,
fontSize: defaultTheme.fontSize.base,
borderColor: defaultTheme.borderColor.default,
borderWidth: defaultTheme.borderWidth.default,
borderRadius: defaultTheme.borderRadius.default,
backgroundColor: defaultTheme.colors.white,
focusBorderColor: defaultTheme.colors.blue[400],
focusBoxShadow: defaultTheme.boxShadow.outline,
boxShadow: defaultTheme.boxShadow.none,
checkboxSize: '1em',
radioSize: '1em',
checkboxIcon: `<svg xmlns="http://www.w3.org/2000/svg" fill="#fff" viewBox="0 0 16 16"><path d="M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z"></path></svg>`,
radioIcon: `<svg xmlns="http://www.w3.org/2000/svg" fill="#fff" viewBox="0 0 16 16"><circle r="3" cy="8" cx="8"></circle></svg>`,
checkedColor: defaultTheme.colors.blue[500],
selectIcon: `<svg fill="${
defaultTheme.colors.gray[500]
}" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15.3 9.3a1 1 0 0 1 1.4 1.4l-4 4a1 1 0 0 1-1.4 0l-4-4a1 1 0 0 1 1.4-1.4l3.3 3.29 3.3-3.3z"></path></svg>`,
selectIconOffset: defaultTheme.spacing[2],
selectIconSize: '1.5em',
},
spinner: theme => ({
default: {
color: '#dae1e7', // color you want to make the spinner
size: '1em', // size of the spinner (used for both width and height)
border: '2px', // border-width of the spinner (shouldn't be bigger than half the spinner's size)
const defaultTheme = require('tailwindcss/defaultTheme')
module.exports = {
theme: {
extend: {
backgroundColor: {
overlay: 'rgba(0, 0, 0, 0.2)'
},
boxShadow: {
'md-light': lightVariant(defaultTheme.boxShadow.md),
'lg-light': lightVariant(defaultTheme.boxShadow.lg),
'xl-light': lightVariant(defaultTheme.boxShadow.xl),
'2xl-light': lightVariant(defaultTheme.boxShadow['2xl'])
}
}
},
variants: {},
plugins: []
}
function lightVariant(value) {
return value.replace('0, 0, 0', '255, 255, 255')
}
const defaultTheme = require('tailwindcss/defaultTheme')
module.exports = {
theme: {
extend: {
backgroundColor: {
overlay: 'rgba(0, 0, 0, 0.2)'
},
boxShadow: {
'md-light': lightVariant(defaultTheme.boxShadow.md),
'lg-light': lightVariant(defaultTheme.boxShadow.lg),
'xl-light': lightVariant(defaultTheme.boxShadow.xl),
'2xl-light': lightVariant(defaultTheme.boxShadow['2xl'])
}
}
},
variants: {},
plugins: []
}
function lightVariant(value) {
return value.replace('0, 0, 0', '255, 255, 255')
}