mirror of
https://dev.azure.com/hugendubel/ISA/_git/ISA-Frontend
synced 2025-12-28 22:42:11 +01:00
38 lines
1.2 KiB
JavaScript
38 lines
1.2 KiB
JavaScript
const plugin = require('tailwindcss/plugin');
|
|
|
|
module.exports = plugin(function ({ addComponents, theme }) {
|
|
addComponents({
|
|
'.isa-button, .isa-cta-button, .isa-icon-button': {
|
|
display: 'inline-block',
|
|
padding: theme('spacing.2'),
|
|
backgroundColor: theme('colors.white'),
|
|
color: theme('colors.black'),
|
|
borderRadius: theme('borderRadius.DEFAULT'),
|
|
borderColor: theme('colors.cadet-blue'),
|
|
borderStyle: 'solid',
|
|
borderWidth: theme('borderWidth.DEFAULT'),
|
|
fontWeight: theme('fontWeight.bold'),
|
|
},
|
|
'.isa-cta-button': {
|
|
padding: `${theme('spacing.4')} ${theme('spacing.9')}`,
|
|
backgroundColor: theme('colors.white'),
|
|
color: theme('colors.brand'),
|
|
borderRadius: theme('borderRadius.full'),
|
|
borderColor: theme('colors.brand'),
|
|
borderWidth: theme('borderWidth.2'),
|
|
fontSize: theme('fontSize.lg'),
|
|
},
|
|
'.isa-button-primary': {
|
|
backgroundColor: theme('colors.brand'),
|
|
color: theme('colors.white'),
|
|
},
|
|
'.isa-icon-button': {
|
|
display: 'inline-flex',
|
|
alignItems: 'center',
|
|
justifyContent: 'center',
|
|
width: theme('spacing.7'),
|
|
height: theme('spacing.7'),
|
|
},
|
|
});
|
|
});
|