TIMOR-TELECOM/revenue-fe
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

revamp template

Browse Source
This commit is contained in:
fro1991
2025-02-01 16:44:51 +07:00
parent c432df568a
commit 276a289580
1212 changed files with 112762 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/plugins/components/container.js Normal file
View File

@ -0,0 +1,38 @@
import plugin from 'tailwindcss/plugin';
export default plugin(({ addComponents, theme }) => {
// Fixed
addComponents({
'.container-fixed': {
'flex-grow': '1',
width: '100%',
'padding-inline-start': theme('custom.components.container.fixed.px.DEFAULT'), // Logical property for LTR/RTL
'padding-inline-end': theme('custom.components.container.fixed.px.DEFAULT') // Logical property for LTR/RTL
},
[`@media (min-width: ${theme('screens.xl')})`]: {
'.container-fixed': {
'margin-inline-start': 'auto', // Logical property for LTR/RTL
'margin-inline-end': 'auto', // Logical property for LTR/RTL
'padding-inline-start': theme('custom.components.container.fixed.px.xl'), // Logical property for LTR/RTL
'padding-inline-end': theme('custom.components.container.fixed.px.xl') // Logical property for LTR/RTL
// 'max-width': theme('custom.components.container.fixed')['max-width'],
}
}
});
// Fluid
addComponents({
'.container-fluid': {
width: '100%',
'flex-grow': '1',
'padding-inline-start': theme('custom.components.container.fluid.px.DEFAULT'), // Logical property for LTR/RTL
'padding-inline-end': theme('custom.components.container.fluid.px.DEFAULT') // Logical property for LTR/RTL
},
[`@media (min-width: ${theme('screens.xl')})`]: {
'.container-fluid': {
'padding-inline-start': theme('custom.components.container.fluid.px.xl'), // Logical property for LTR/RTL
'padding-inline-end': theme('custom.components.container.fluid.px.xl') // Logical property for LTR/RTL
}
}
});
});