franken-ui/dist/uikit/stylings/height.js

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.

import merge from 'lodash/merge.js';
export const rules = {
    "[class*='uk-height']": { boxSizing: 'border-box' },
    '.uk-height-1-1': { height: '100%' },
    '.uk-height-viewport': { minHeight: '100vh' },
    '.uk-height-viewport-2': { minHeight: '200vh' },
    '.uk-height-viewport-3': { minHeight: '300vh' },
    '.uk-height-viewport-4': { minHeight: '400vh' },
    '.uk-height-small': { height: '150px' },
    '.uk-height-medium': { height: '300px' },
    '.uk-height-large': { height: '450px' },
    '.uk-height-max-small': { maxHeight: '150px' },
    '.uk-height-max-medium': { maxHeight: '300px' },
    '.uk-height-max-large': { maxHeight: '450px' }
};
export const addHooks = (args) => {
    const { hooks } = args;
    const defaultHooks = {
        'hook-misc': {}
    };
    const _hooks = merge(defaultHooks, hooks);
    return {
        ..._hooks['hook-misc']
    };
};