franken-ui/dist/components/nav.d.ts

Franken UI is an HTML-first UI component library built on UIkit 3 and extended with LitElement, inspired by shadcn/ui.

declare const _default: {
    '.uk-nav-primary, .uk-nav-secondary': {
        '--uk-nav-item-padding': string;
        '--uk-nav-item-margin': string;
        '--uk-nav-sub-item-padding': string;
        '--uk-nav-sub-item-margin': string;
        '--uk-nav-item-active-font-weight': string;
        '--uk-nav-item-hover-decoration': string;
    };
    '.uk-nav-primary .uk-nav-sub li > a:hover, .uk-nav-secondary .uk-nav-sub li > a:hover': {
        '--uk-nav-item-hover-bg': string;
        '--uk-nav-item-hover-color': string;
    };
    '.uk-nav-default': {
        '--uk-nav-item-color': string;
    };
    '.uk-nav-default li > a:hover': {
        '--uk-nav-item-hover-color': string;
    };
    '.uk-nav-default > li.uk-active': {
        '--uk-nav-item-font-weight': string;
        '--uk-nav-item-color': string;
    };
    '.uk-nav-primary > li.uk-active': {
        '--uk-nav-item-bg': string;
        '--uk-nav-item-color': string;
    };
    '.uk-nav-secondary > li.uk-active': {
        '--uk-nav-item-bg': string;
        '--uk-nav-item-color': string;
    };
    '.uk-nav-primary > li > a:hover, .uk-nav-secondary > li > a:hover': {
        '--uk-nav-item-hover-bg': string;
        '--uk-nav-item-hover-color': string;
    };
    '.uk-nav-header': {
        fontSize: string;
        lineHeight: string;
        fontWeight: string;
        margin: string;
        padding: string;
    };
    '.uk-nav-divider': {
        borderWidth: string;
        borderStyle: string;
        borderColor: string;
    };
    'ul.uk-nav-sub > :not([hidden]) ~ :not([hidden])': {
        marginTop: string;
        marginBottom: string;
    };
    '.uk-nav-sub ul > :not([hidden]) ~ :not([hidden])': {
        marginTop: string;
        marginBottom: string;
    };
    '.uk-nav-sub, .uk-nav-sub ul': {
        borderInlineStartWidth: string;
        borderColor: string;
        borderInlineStartColor: string;
    };
    '.uk-nav-sub': {
        marginInlineStart: string;
        marginInlineEnd: string;
    };
    '.uk-nav-sub ul': {
        marginInlineStart: string;
        marginTop: string;
    };
    '.uk-nav-sub li': {
        position: string;
    };
    '.uk-nav-sub li::before': {
        content: string;
        position: string;
        left: string;
        bottom: string;
        top: string;
        width: string;
    };
    '.uk-nav-sub li.uk-active::before': {
        backgroundColor: string;
    };
    '.uk-nav-parent-icon': {
        marginInlineStart: string;
        transition: string;
    };
    '.uk-nav > li.uk-open > a .uk-nav-parent-icon': {
        transform: string;
    };
    '.uk-nav a': {
        borderRadius: string;
    };
    '.uk-nav li > a': {
        display: string;
        alignItems: string;
    };
    '.uk-nav > li > a': {
        backgroundColor: string;
        color: string;
        padding: string;
        margin: string;
    };
    '.uk-nav > li.uk-active > a': {
        fontWeight: string;
    };
    '.uk-nav li:not(.uk-active) > a:hover': {
        backgroundColor: string;
        color: string;
        textDecoration: string;
        transitionProperty: string;
        transitionDuration: string;
        transitionTimingFunction: string;
    };
    '.uk-nav-sub a': {
        backgroundColor: string;
        color: string;
        padding: string;
        margin: string;
    };
    '.uk-nav-sub li:not(.uk-active) > a:hover': {
        backgroundColor: string;
        color: string;
        textDecoration: string;
        transitionProperty: string;
        transitionDuration: string;
        transitionTimingFunction: string;
    };
    '.uk-subnav': {
        display: string;
        alignItems: string;
    };
    '.uk-subnav > * > :first-child': {
        transition: string;
        transitionProperty: string;
        display: string;
        alignItems: string;
        justifyContent: string;
        borderRadius: string;
        paddingLeft: string;
        paddingRight: string;
        textAlign: string;
        fontWeight: string;
        color: string;
    };
    '.uk-subnav > * > a:hover': {
        color: string;
    };
    '.uk-subnav > .uk-active > a': {
        backgroundColor: string;
        color: string;
    };
    '.uk-subnav > .uk-active > a:hover': {
        backgroundColor: string;
        color: string;
    };
    '.uk-subnav-primary': {
        '--uk-subnav-item-active-background': string;
        '--uk-subnav-item-active-color': string;
        '--uk-subnav-item-active-hover-background': string;
        '--uk-subnav-item-active-hover-color': string;
    };
    '.uk-subnav-secondary': {
        '--uk-subnav-item-active-background': string;
        '--uk-subnav-item-active-color': string;
        '--uk-subnav-item-active-hover-background': string;
        '--uk-subnav-item-active-hover-color': string;
    };
    '.uk-subnav-destructive': {
        '--uk-subnav-item-active-background': string;
        '--uk-subnav-item-active-color': string;
        '--uk-subnav-item-active-hover-alpha': string;
        '--uk-subnav-item-active-hover-background': string;
        '--uk-subnav-item-active-hover-color': string;
    };
};
export default _default;