franken-ui/dist/shadcn-ui/components/iconnav.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-iconnav': {
            gap: null,
            marginLeft: null,
            '@apply gap-1': {}
        },
        'hook-item': {
            display: null,
            justifyContent: null,
            height: null,
            width: null,
            color: null,
            '@apply inline-flex h-9 w-9 justify-center rounded-md': {}
        },
        'hook-item-hover': {
            color: null,
            '@apply bg-accent text-accent-foreground': {}
        },
        'hook-item-active': {
            color: null,
            '@apply bg-accent text-accent-foreground': {}
        },
        'hook-misc': {
            '.uk-iconnav > * > a:focus-visible': {
                '@apply outline-none ring-1 ring-ring': {}
            },
            '.uk-iconnav > *': {
                paddingLeft: '0'
            },
            '.uk-iconnav-vertical': {
                marginTop: '0'
            },
            '.uk-iconnav-vertical > *': {
                paddingTop: '0'
            },
            '.uk-iconnav-outline > * > a': {
                '@apply border border-border shadow-sm': {}
            },
            '.uk-iconnav-small > * > a': {
                '@apply h-8 w-8': {}
            },
            '.uk-iconnav-xsmall > * > a': {
                '@apply h-7 w-7': {}
            }
        }
    };
}