franken-ui/dist/uikit/stylings/sticky.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 = {
    '.uk-sticky': {
        position: 'relative',
        zIndex: '980',
        boxSizing: 'border-box'
    },
    '.uk-sticky-fixed': {
        margin: '0 !important',
        WebkitBackfaceVisibility: 'hidden',
        backfaceVisibility: 'hidden'
    },
    ".uk-sticky[class*='uk-animation-']": { animationDuration: '0.2s' },
    '.uk-sticky.uk-animation-reverse': { animationDuration: '0.2s' },
    '.uk-sticky-placeholder': { pointerEvents: 'none' }
};
export const addHooks = (args) => {
    const { hooks } = args;
    const defaultHooks = {
        'hook-misc': {}
    };
    const _hooks = merge(defaultHooks, hooks);
    return {
        ..._hooks['hook-misc']
    };
};