Sha256: 3b39d80c1636c10cc03ebe93077a5234edb146f95cdf3f7b9e97ff1f98d1049b
Contents?: true
Size: 1.76 KB
Versions: 5
Compression:
Stored size: 1.76 KB
Contents
const defaultTheme = require('tailwindcss/defaultTheme')
function withOpacityValue(variableName) {
return ({opacityValue}) => {
opacityValue = opacityValue ?? 1;
return `rgba(var(${variableName}), ${opacityValue})`
}
};
module.exports = {
content: [
<%= NoPassword.configuration.tailwind_content.map{|path| "'#{path}'"}.join(",\n") %>
],
theme: {
extend: {
fontFamily: {
sans: ['Inter var', ...defaultTheme.fontFamily.sans],
},
textColor: {
skin: {
inverted: withOpacityValue('--color-inverted'),
accented: withOpacityValue('--color-accented'),
'accented-hover': withOpacityValue('--color-accented-hover'),
base: withOpacityValue('--color-base'),
muted: withOpacityValue('--color-muted'),
dimmed: withOpacityValue('--color-dimmed'),
error: withOpacityValue('--color-error'),
}
},
backgroundColor: {
skin: {
'button-accented': withOpacityValue('--color-accented'),
'button-accented-hover': withOpacityValue('--color-accented-hover'),
'button-inverted': withOpacityValue('--color-inverted'),
'button-inverted-hover': withOpacityValue('--color-inverted-hover'),
muted: withOpacityValue('--color-muted'),
dimmed: withOpacityValue('--color-dimmed'),
accent: withOpacityValue('--color-accent'),
}
},
ringColor: {
skin: {
accented: withOpacityValue('--color-border-accented'),
}
},
borderColor: {
skin: {
base: withOpacityValue('--color-border-base'),
accented: withOpacityValue('--color-border-accented'),
}
}
},
},
plugins: [
require('@tailwindcss/forms')
],
}
Version data entries
5 entries across 5 versions & 1 rubygems