franken-ui/dist/shadcn-ui/components/offcanvas.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.

export default function () {
    return {
        'hook-bar': {
            padding: null,
            backgroundColor: null,
            '@apply border-r border-border bg-background': {}
        },
        'hook-overlay': {
            backgroundColor: `rgba(0, 0, 0, 0.8)`,
            '@apply backdrop-blur-sm': {}
        },
        'hook-misc': {
            '.uk-offcanvas-flip .uk-offcanvas-bar': {
                borderRight: 'none',
                '@apply border-l border-border': {}
            }
        }
    };
}