hoppscotch/packages/hoppscotch-sh-admin/windi.config.ts
Joel Jacob Stephen 3f59597864
feat: introducing self hosted admin dashboard package (#12)
Co-authored-by: Andrew Bastin <andrewbastin.k@gmail.com>
Co-authored-by: Anwarul Islam <anwaarulislaam@gmail.com>
2023-02-28 13:13:27 +05:30

66 lines
2.4 KiB
TypeScript

import { defineConfig } from 'windicss/helpers';
export default defineConfig({
theme: {
container: {
center: true,
},
extend: {
inset: {
upperPrimaryStickyFold: 'var(--upper-primary-sticky-fold)',
upperSecondaryStickyFold: 'var(--upper-secondary-sticky-fold)',
upperTertiaryStickyFold: 'var(--upper-tertiary-sticky-fold)',
upperMobilePrimaryStickyFold: 'var(--upper-mobile-primary-sticky-fold)',
upperMobileSecondaryStickyFold:
'var(--upper-mobile-secondary-sticky-fold)',
upperMobileStickyFold: 'var(--upper-mobile-sticky-fold)',
upperMobileTertiaryStickyFold:
'var(--upper-mobile-tertiary-sticky-fold)',
lowerPrimaryStickyFold: 'var(--lower-primary-sticky-fold)',
lowerSecondaryStickyFold: 'var(--lower-secondary-sticky-fold)',
lowerTertiaryStickyFold: 'var(--lower-tertiary-sticky-fold)',
sidebarPrimaryStickyFold: 'var(--sidebar-primary-sticky-fold)',
},
colors: {
primary: 'var(--primary-color)',
primaryLight: 'var(--primary-light-color)',
primaryDark: 'var(--primary-dark-color)',
primaryContrast: 'var(--primary-contrast-color)',
secondary: 'var(--secondary-color)',
secondaryLight: 'var(--secondary-light-color)',
secondaryDark: 'var(--secondary-dark-color)',
accent: 'var(--accent-color)',
accentLight: 'var(--accent-light-color)',
accentDark: 'var(--accent-dark-color)',
accentContrast: 'var(--accent-contrast-color)',
divider: 'var(--divider-color)',
dividerLight: 'var(--divider-light-color)',
dividerDark: 'var(--divider-dark-color)',
error: 'var(--error-color)',
tooltip: 'var(--tooltip-color)',
popover: 'var(--popover-color)',
gradientFrom: 'var(--gradient-from-color)',
gradientVia: 'var(--gradient-via-color)',
gradientTo: 'var(--gradient-to-color)',
},
fontFamily: {
sans: 'var(--font-sans)',
mono: 'var(--font-mono)',
icon: 'var(--font-icon)',
},
fontSize: {
tiny: 'var(--font-size-tiny)',
body: 'var(--font-size-body)',
},
lineHeight: {
body: 'var(--line-height-body)',
},
cursor: {
nsResize: 'ns-resize',
grab: 'grab',
grabbing: 'grabbing',
},
},
},
});