franken-ui/dist/uikit/stylings/print.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 = {
    '@media print': {
        '*,*::before,*::after': {
            background: 'transparent !important',
            color: 'black !important',
            boxShadow: 'none !important',
            textShadow: 'none !important'
        },
        'a,a:visited': { textDecoration: 'underline' },
        'pre,blockquote': {
            border: '1px solid #999',
            pageBreakInside: 'avoid'
        },
        thead: { display: 'table-header-group' },
        'tr,img': { pageBreakInside: 'avoid' },
        img: { maxWidth: '100% !important' },
        '@page': { margin: '0.5cm' },
        'p,h2,h3': { orphans: '3', widows: '3' },
        'h2,h3': { pageBreakAfter: 'avoid' }
    }
};
export const addHooks = (args) => {
    const { hooks } = args;
    const defaultHooks = {
        'hook-misc': {}
    };
    const _hooks = merge(defaultHooks, hooks);
    return {
        ..._hooks['hook-misc']
    };
};