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.
36 lines (35 loc) • 1.13 kB
JavaScript
import merge from 'lodash/merge.js';
export const rules = {
'.uk-padding': { padding: '30px' },
'.uk-padding-small': { padding: '15px' },
'.uk-padding-large': { padding: '40px' },
'.uk-padding-remove': { padding: '0 !important' },
'.uk-padding-remove-top': { paddingTop: '0 !important' },
'.uk-padding-remove-bottom': { paddingBottom: '0 !important' },
'.uk-padding-remove-left': { paddingLeft: '0 !important' },
'.uk-padding-remove-right': { paddingRight: '0 !important' },
'.uk-padding-remove-vertical': {
paddingTop: '0 !important',
paddingBottom: '0 !important'
},
'.uk-padding-remove-horizontal': {
paddingLeft: '0 !important',
paddingRight: '0 !important'
}
};
export const media = {
'@media (min-width: 1024px)': {
'.uk-padding': { padding: '40px' },
'.uk-padding-large': { padding: '70px' }
}
};
export const addHooks = (args) => {
const { hooks } = args;
const defaultHooks = {
'hook-misc': {}
};
const _hooks = merge(defaultHooks, hooks);
return {
..._hooks['hook-misc']
};
};