@atlassian/aui/lib/css/aui-sidebar-badges.css.map

Atlassian User Interface Framework

{"version":3,"sources":["aui-sidebar-badges.less"],"names":[],"mappings":"AAUA,YAGI,SAAS,KAAK,gBACV;AAHR,oBAEI,SAAS,KAAK,gBACV;AAJR,YAGI,SAAS,KAAK,gBAEV;AAJR,oBAEI,SAAS,KAAK,gBAEV;EACI,yBAAA;EACA,qBAAA;EACA,4BAAA;EAEA,YAAA;EAIA,eAAA;;AASR,YAAC,uBACG,SAAS,KAAK,IAAG,MAAO,gBAAgB;EACpC,mBAAA;;AAFR,YAAC,uBAMG,4BACI,SAAS,KAAK,gBAEV;AATZ,YAAC,uBAMG,4BACI,SAAS,KAAK,gBAGV;EACI,iBAAA;EACA,mBAAA;EACA,cAAA;EACA,aAAA;EACA,oBAAA;EACA,kBAAA;EACA,aAAA;EACA,WAAA;EACA,UAAA","sourcesContent":["@import 'aui-sidebar-config.less';\n\n//\n// Imported by aui-sidebar.\n//\n// Provides interop styles for badges inside the sidebar and its various patterns.\n// Fundamentally, badges appear inside nav items, but their display differs depending\n// on whether they are nested within a simple navigation, or a collapsed sidebar's grouping.\n//\n\n.aui-sidebar,\n.aui-sidebar-submenu {\n\n    .aui-nav > li > .aui-nav-item {\n        > .aui-badge,\n        > aui-badge {\n            background-color: @aui-sidebar-badge-background-color;\n            border-color: @aui-sidebar-badge-border-color;\n            color: @aui-badge-text-color; // just the normal #333 not the one with alpha transparency\n\n            float: right;\n            // aui-nav sets the line height to 16px, and the aui-badge is supposed to sit on the baseline and have an overall\n            // height of 16px. Sidebar nav items have their line-heights changed to 20px to match the icon sizes,\n            // so we nudge the aui-badge down by 2px so that it is vertically centered with the nav item label\n            margin-top: 2px;\n        }\n    }\n}\n\n//-----------------------\n// Sidebar narrow state - add collapsed styles.\n//-----------------------\n.aui-sidebar {\n    &[aria-expanded=\"false\"] {\n        .aui-nav > li > a:hover > .aui-nav-item > .aui-badge {\n            visibility: visible;\n        }\n\n        // used when the nav items have icons - shows the icon in the collapsed state\n        .aui-sidebar-group-tier-one {\n            .aui-nav > li > .aui-nav-item {\n                // If an aui-badge is present, position it over the icon\n                > .aui-badge,\n                > aui-badge {\n                    border-width: @aui-sidebar-collapsed-badge-border-width;\n                    border-style: solid;\n                    font-size: 9px;\n                    margin-top: 0;\n                    padding: 0.2em 0.4em;\n                    position: absolute;\n                    right: -0.5em;\n                    top: -0.5em;\n                    z-index: 1;\n                }\n            }\n        }\n    }\n}\n"],"file":"aui-sidebar-badges.css"}