mirror of
https://github.com/richard-loafle/fuse-angular.git
synced 2025-04-10 10:31:37 +00:00
51 lines
1.2 KiB
JavaScript
51 lines
1.2 KiB
JavaScript
const plugin = require('tailwindcss/plugin');
|
|
|
|
module.exports = plugin(
|
|
({
|
|
matchUtilities,
|
|
theme,
|
|
}) =>
|
|
{
|
|
matchUtilities(
|
|
{
|
|
'icon-size': (value) => ({
|
|
width : value,
|
|
height : value,
|
|
minWidth : value,
|
|
minHeight : value,
|
|
fontSize : value,
|
|
lineHeight: value,
|
|
[`svg`] : {
|
|
width : value,
|
|
height: value,
|
|
},
|
|
}),
|
|
},
|
|
{
|
|
values: theme('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',
|
|
},
|
|
},
|
|
},
|
|
);
|