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.
34 lines (33 loc) • 958 B
JavaScript
import merge from 'lodash/merge.js';
export const rules = {
'.uk-overlay': { padding: '30px 30px' },
'.uk-overlay > :last-child': { marginBottom: '0' },
'.uk-overlay-default': { backgroundColor: 'rgba(255, 255, 255, 0.8)' },
'.uk-overlay-primary': { backgroundColor: 'rgba(34, 34, 34, 0.8)' }
};
export const addHooks = (args) => {
const { hooks } = args;
const defaultHooks = {
'hook-overlay': {},
'hook-icon': {},
'hook-default': {},
'hook-primary': {},
'hook-misc': {}
};
const _hooks = merge(defaultHooks, hooks);
return {
'.uk-overlay': {
..._hooks['hook-overlay']
},
'.uk-overlay-icon': {
..._hooks['hook-icon']
},
'.uk-overlay-default': {
..._hooks['hook-default']
},
'.uk-overlay-primary': {
..._hooks['hook-primary']
},
..._hooks['hook-misc']
};
};