mirror of
https://github.com/richard-loafle/fuse-angular.git
synced 2025-12-27 16:27:07 +00:00
57 lines
1.4 KiB
JavaScript
57 lines
1.4 KiB
JavaScript
const plugin = require('tailwindcss/plugin');
|
|
|
|
const iconSize = plugin(({
|
|
addUtilities,
|
|
theme,
|
|
e,
|
|
variants
|
|
}) =>
|
|
{
|
|
const values = theme('iconSize');
|
|
|
|
addUtilities(
|
|
Object.entries(values).map(([key, value]) => ({
|
|
[`.${e(`icon-size-${key}`)}`]: {
|
|
width : value,
|
|
height : value,
|
|
minWidth : value,
|
|
minHeight : value,
|
|
fontSize : value,
|
|
lineHeight: value,
|
|
[`svg`] : {
|
|
width : value,
|
|
height: value
|
|
}
|
|
}
|
|
})),
|
|
variants('iconSize')
|
|
);
|
|
},
|
|
{
|
|
theme : {
|
|
iconSize: {
|
|
3 : '0.75rem',
|
|
3.5: '0.875rem',
|
|
4 : '1rem',
|
|
4.5: '1.125rem',
|
|
5 : '1.25rem',
|
|
6 : '1.5rem',
|
|
7 : '1.75rem',
|
|
8 : '2rem',
|
|
10 : '2.5rem',
|
|
12 : '3rem',
|
|
14 : '3.5rem',
|
|
16 : '4rem',
|
|
18 : '4.5rem',
|
|
20 : '5rem',
|
|
22 : '5.5rem',
|
|
24 : '6rem'
|
|
}
|
|
},
|
|
variants: {
|
|
iconSize: ['responsive']
|
|
}
|
|
});
|
|
|
|
module.exports = iconSize;
|