franken-ui
Version:
Franken UI is an HTML-first, open-source library of UI components based on the utility-first Tailwind CSS with UIkit 3 compatibility. The design is based on shadcn/ui ported to be framework-agnostic.
90 lines (89 loc) • 4.11 kB
JavaScript
export default {
'--chart-1': '12 76% 61%',
'--chart-2': '173 58% 39%',
'--chart-3': '197 37% 24%',
'--chart-4': '43 74% 66%',
'--chart-5': '27 87% 67%',
'--uk-breakpoint-s': '640px',
'--uk-breakpoint-m': '768px',
'--uk-breakpoint-l': '1024px',
'--uk-breakpoint-xl': '1080px',
'--uk-global-font-size': '1rem',
'--uk-global-line-height': '1.5rem',
'--uk-global-font-size-s': '0.875rem',
'--uk-global-line-height-s': '1.25rem',
'--uk-global-radius-s': '0.125rem',
'--uk-global-radius': '0.375rem',
'--uk-global-shadow-s': '0 1px 2px 0 rgb(0 0 0 / 0.05)',
'--uk-global-shadow': '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',
'--uk-alert-padding': '1rem 2rem 1rem 1rem',
'--uk-alert-close-inset': '1rem 1rem auto auto',
'--uk-accordion-title-padding': '1rem 0 1rem 0',
'--uk-accordion-content-padding': '0 0 1rem 0',
'--uk-btn-font-size': 'var(--uk-global-font-size)',
'--uk-btn-line-height': 'var(--uk-global-line-height)',
'--uk-btn-padding': '0.625rem 1.25rem',
'--uk-btn-height': '2.5rem',
'--uk-btn-radius': 'var(--uk-global-radius)',
'--uk-btn-shadow': 'var(--uk-global-shadow-s)',
'--uk-badge-height': '1.25rem',
'--uk-badge-padding': '0 0.375rem 0 0.375rem',
'--uk-badge-min-width': '1.25rem',
'--uk-badge-shadow': 'var(--uk-global-shadow)',
'--uk-card-radius': 'var(--uk-global-radius)',
'--uk-card-shadow': 'var(--uk-global-shadow)',
'--uk-card-header-padding': '1rem',
'--uk-card-body-padding': '1rem',
'--uk-card-footer-padding': '1rem',
'--uk-cal-cell-size': '2.25rem',
'--uk-cal-cell-radius': 'var(--uk-global-radius)',
'--uk-cal-cell-header-font-size': 'var(--uk-global-font-size-s)',
'--uk-cal-cell-body-font-size': 'var(--uk-global-font-size)',
'--uk-datepicker-spacing': '0.75rem',
'--uk-dropdown-radius': 'var(--uk-global-radius)',
'--uk-dropdown-shadow': 'var(--uk-global-shadow)',
'--uk-dropdown-nav-item-padding': '0.375rem 0.25rem 0.375rem 0.25rem',
'--uk-dropdown-nav-item-margin': '0.25rem',
'--uk-dropdown-nav-item-radius': 'var(--uk-global-radius-s)',
'--uk-dropdown-nav-header-padding': '0.375rem 0.25rem 0.375rem 0.25rem',
'--uk-dropdown-nav-header-margin': '0.25rem',
'--uk-form-input-radius': 'var(--uk-global-radius)',
'--uk-form-input-shadow': 'var(--uk-global-shadow-s)',
'--uk-form-input-height': '2.5rem',
'--uk-form-input-font-size': 'var(--uk-global-font-size)',
'--uk-form-input-line-height': 'var(--uk-global-line-height)',
'--uk-form-input-padding': '0.375rem 0.75rem 0.375rem 0.75rem',
'--uk-form-list-image-position': 'right center',
'--uk-form-tswitch-shadow': 'var(--uk-global-shadow-s)',
'--uk-form-radio-radius': 'var(--uk-global-radius-s)',
'--uk-form-radio-shadow': 'var(--uk-global-shadow)',
'--uk-leader-fill-content': '.',
'--uk-modal-padding': '1rem',
'--uk-modal-padding-header': 'var(--uk-modal-padding)',
'--uk-modal-padding-body': 'var(--uk-modal-padding)',
'--uk-modal-padding-footer': 'var(--uk-modal-padding)',
'--uk-modal-padding-top-between': '0',
'--uk-modal-padding-top-after-header': '0',
'--uk-modal-padding-bottom-scrollable': '0',
'--uk-modal-padding-top-after-scrollable': 'var(--uk-modal-padding)',
'--uk-modal-radius': 'var(--uk-global-radius)',
'--uk-position-margin-offset': '0px',
'--uk-drop-z': '1020',
'--uk-dropnav-z': '980',
'--uk-breadcrumb-divider': "'/'",
'--uk-offcanvas-bar-width': '288px',
'--uk-offcanvas-bar-width-i': '-288px',
'--uk-stepper-check-image': 'var(--uk-form-radio-image)',
'--uk-tab-item-padding': '5px 10px',
'--uk-table-cell-padding': '1rem 0.75rem',
'--uk-tooltip-z': '1030',
'--uk-tooltip-max-width': '208px',
'--uk-tooltip-padding': '0.375rem 0.75rem 0.375rem 0.75rem',
'.dark': {
'--chart-1': '220 70% 50%',
'--chart-5': '160 60% 45%',
'--chart-3': '30 80% 55%',
'--chart-4': '280 65% 60%',
'--chart-2': '340 75% 55%'
}
};