@atlassian/aui
Version:
Atlassian User Interface Framework
1 lines • 44.6 kB
Source Map (JSON)
{"version":3,"sources":["aui-sidebar-skeleton.less","imports/mixins.less","imports/mixins/typography.less","aui-sidebar-navigation.less","imports/aui-theme/components/navigation.less","aui-sidebar-grouping.less","aui-sidebar-badges.less"],"names":[],"mappings":"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","sourcesContent":["@import 'aui-sidebar-config.less';\n\n//\n// Imported by aui-sidebar.\n//\n// Implements the base container styles for the sidebar, so it works\n// on various screen widths and devices. The sidebar has an expanded\n// and contracted mode, whose skeleton structure is styled here.\n//\n\n//\n// Page-level markers\n// these are added to <body> to indicate a sidebar is rendered on the page\n//\n.aui-page-sidebar {\n #footer {\n #aui.box-sizing();\n padding-left: @aui-sidebar-width;\n }\n\n &.aui-sidebar-collapsed {\n #footer {\n padding-left: @aui-sidebar-collapsed-width;\n }\n }\n}\n\n.aui-page-sidebar-touch {\n #footer {\n margin-left: 0;\n padding-left: inherit;\n border-top: 1px solid @aui-sidebar-border-color;\n }\n\n &.aui-sidebar-collapsed #footer {\n padding-left: inherit;\n }\n}\n\n//\n// The sidebar skeleton\n//\n.aui-sidebar {\n #aui.box-sizing();\n min-width: @aui-sidebar-collapsed-width;\n position: absolute;\n width: @aui-sidebar-width;\n // TODO: Remove this when sidebar is managed by Layer Manager (AUI-3665).\n z-index: 1;\n\n // handle page layouts that have an AUI Page Header in addition to a sidebar\n + .aui-page-header {\n #content & { // increase the selector strength to trump AUI page layout\n padding-left: @aui-sidebar-width + (@aui-grid * 2);\n background: @aui-sidebar-layout-page-header-background-color;\n }\n\n // handle horizontal nav below page header\n + .aui-navgroup {\n padding-left: @aui-sidebar-width + (@aui-grid);\n }\n }\n\n + .aui-page-panel {\n border-top: none;\n }\n\n ~ .aui-page-panel {\n margin-top: 0;\n padding-left: @aui-sidebar-width;\n\n .aui-page-sidebar-touch & {\n border-bottom: none;\n border-left: 1px solid @aui-sidebar-border-color;\n clear: none;\n margin-left: @aui-sidebar-width;\n padding-left: inherit;\n width: inherit;\n }\n\n }\n\n // when the sidebar sits over the content\n &.aui-sidebar-fly-out {\n\n .aui-page-sidebar-touch & {\n border-right: 1px solid @aui-sidebar-border-color;\n height: 100%;\n position: absolute;\n }\n\n ~ .aui-page-panel {\n padding-left: @aui-sidebar-collapsed-width;\n .aui-page-sidebar-touch & {\n margin-left: @aui-sidebar-collapsed-width;\n padding-left: inherit;\n }\n z-index: 0;\n }\n\n + .aui-page-header {\n #content & {\n padding-left: @aui-sidebar-collapsed-width + (@aui-grid * 2);\n }\n }\n\n }\n\n //\n // The content container inside the sidebar.\n //\n .aui-sidebar-wrapper {\n #aui.box-sizing();\n border-right: 0;\n border-color: @aui-sidebar-border-color;\n background-color: @aui-sidebar-background-color;\n display: flex;\n flex-direction: column;\n width: @aui-sidebar-width;\n\n // The sidebar sits within its container in fun ways.\n position: absolute;\n top: 0;\n bottom: auto;\n\n &.aui-is-docked {\n position: fixed;\n top: 0;\n bottom: auto;\n }\n\n .aui-page-sidebar-touch & {\n position: static;\n }\n }\n\n .aui-page-sidebar-touch & {\n background-color: @aui-background-color;\n float: left;\n position: static;\n\n .aui-sidebar-wrapper {\n border-right: none;\n }\n }\n\n // Tweak existing page-header when shown inside the sidebar\n .aui-page-header {\n margin: (@aui-sidebar-spacing) (@aui-sidebar-spacing) 0 (@aui-sidebar-spacing);\n padding-bottom: 0;\n position: relative;\n\n .aui-page-header-image {\n position: absolute;\n }\n\n .aui-avatar {\n display: block;\n }\n }\n\n .aui-page-header-inner,\n .aui-page-header-image,\n .aui-page-header-main {\n display: block;\n }\n\n .aui-page-header-image {\n + .aui-page-header-main {\n padding-left: (@aui-sidebar-grid + @aui-avatar-size-large);\n }\n }\n\n .aui-sidebar-header-large {\n .aui-page-header-image {\n width: @aui-avatar-size-xxxlarge;\n margin: 0 auto;\n position: inherit;\n\n + .aui-page-header-main {\n padding-top: @aui-sidebar-grid;\n padding-left: 0;\n }\n }\n\n .aui-page-header-main {\n text-align: center;\n\n > h1,\n > h2 {\n #aui.typography.h700();\n padding-top: @aui-sidebar-grid;\n\n &:only-child {\n padding-top: 0;\n }\n }\n }\n }\n\n .aui-page-header-main {\n padding-top: (@aui-avatar-size-large - (@aui-sidebar-base-line-height * 2)) / 2; // avatar - 2 lines of heading text divided by 2 for top and bottom padding to center it vertically\n\n > h1,\n > h2 {\n #aui.typography.h500();\n #aui.text-truncate();\n line-height: @aui-sidebar-base-line-height;\n\n &:only-child {\n line-height: @aui-avatar-size-large;\n }\n }\n }\n\n .aui-page-header-actions {\n display: none; // page header actions should be rendered as a list under the main <nav class=\"aui-navgroup-vertical\">\n }\n\n .aui-nav-breadcrumbs > li {\n width: 100%;\n }\n // END page header tweaks\n\n // optional handle to adjust the width of the sidebar\n .aui-sidebar-handle {\n @sidebar-handle-width: @aui-sidebar-grid;\n background: @aui-panel-bg-color url(images/icons/sidebar/icon-handle.png) center center no-repeat;\n cursor: col-resize;\n height: 100%;\n position: absolute;\n right: -@sidebar-handle-width;\n top: 0;\n width: @sidebar-handle-width;\n }\n\n //\n // Sidebar body and footer content containers.\n //\n\n .aui-sidebar-body {\n #aui.box-sizing(content-box);\n flex-grow: 1; // so the footer is pushed to the bottom of the sidebar container.\n overflow-y: auto;\n }\n\n .aui-sidebar-footer {\n #aui.box-sizing();\n border-top: 1px solid @aui-sidebar-border-color;\n display: flex;\n flex-direction: row-reverse;\n flex-shrink: 0; // so the items don't get smaller as the browser height shrinks.\n justify-content: space-between;\n min-height: @aui-sidebar-footer-height;\n padding: (@aui-sidebar-spacing - @aui-sidebar-gutter) @aui-sidebar-gutter;\n\n .aui-page-sidebar-touch & {\n border-bottom: 1px solid @aui-sidebar-border-color;\n margin-top: @aui-sidebar-grid;\n }\n\n // AUI-4527 - The icon alignment seems wrong based on feedback in\n // https://bitbucket.org/atlassian/aui/pull-requests/2052/aui-4605-aui-4606-aui-4607-sidebar-tweaks/diff#comment-53220218\n // so until we can change the base iconography styles, this targeted hack will have to suffice\n .aui-icon.aui-icon-small {\n // undo a change made in `.aui-icon-small, .aui-icon-large`\n // against AUI-1854 to use text-top for icons. maybe it made sense for FontAwesome..?\n vertical-align: text-bottom;\n }\n // END AUI-4527 targeted hacks\n\n .aui-button {\n #aui.text-truncate();\n max-width: 100%;\n\n ~ .aui-button {\n margin-left: 0;\n }\n }\n\n > .aui-sidebar-toggle {\n order: -1;\n > .aui-icon {\n background: url(images/icons/sidebar/icon-toggle.svg) center center no-repeat;\n background-size: @aui-sidebar-icon-size;\n }\n }\n }\n\n //-----------------------\n // Sidebar narrow state - add collapsed styles.\n //-----------------------\n &[aria-expanded=\"false\"] {\n @aui-sidebar-nav-group-divider-width: 2px;\n width: @aui-sidebar-collapsed-width;\n\n .aui-sidebar-body {\n overflow-x: hidden; // don't show horizontal scrollbar in collapsed state.\n }\n\n // handle page layouts that have an AUI Page Header in addition to a sidebar\n + .aui-page-header {\n #content & { // increase the selector strength to trump AUI page layout\n padding-left: @aui-sidebar-collapsed-width + (@aui-grid * 2);\n }\n\n // handle horizontal nav below page header\n + .aui-navgroup {\n padding-left: @aui-sidebar-collapsed-width + @aui-grid;\n }\n }\n\n ~ .aui-page-panel {\n padding-left: @aui-sidebar-collapsed-width;\n .aui-page-sidebar-touch & {\n border-left: 1px solid @aui-border-color;\n margin-left: @aui-sidebar-collapsed-width;\n padding-left: inherit;\n }\n }\n\n .aui-sidebar-wrapper {\n width: @aui-sidebar-collapsed-width;\n }\n\n .aui-page-header-inner .aui-page-header-image {\n align-content: center;\n display: flex;\n justify-content: center;\n position: relative;\n width: auto;\n }\n\n .aui-page-header {\n margin-left: 0;\n margin-right: 0;\n\n .aui-avatar,\n .aui-avatar .aui-avatar-inner {\n height: @aui-sidebar-header-avatar-collapsed;\n width: @aui-sidebar-header-avatar-collapsed;\n }\n\n .aui-avatar .aui-avatar-inner > img {\n max-height: @aui-sidebar-header-avatar-collapsed;\n max-width: @aui-sidebar-header-avatar-collapsed;\n }\n }\n\n .aui-page-header-main {\n display: none;\n }\n\n .aui-sidebar-body {\n #aui.box-sizing();\n bottom: @aui-sidebar-footer-height * 2;\n padding: 0;\n width: 100%;\n }\n\n // Adjust the sidebar footer for the collapsed state\n .aui-sidebar-footer {\n overflow: hidden;\n flex-direction: column-reverse;\n\n > .aui-sidebar-toggle {\n > .aui-icon {\n #aui.rotate(180deg);\n }\n }\n\n > .aui-button {\n padding-left: 0;\n padding-right: 0;\n text-align: center;\n // override the text-overflow truncation on aui-button when sidebar is collapsed\n text-overflow: clip;\n white-space: normal;\n\n > .aui-button-label {\n display: none;\n }\n }\n }\n }\n // END Collapsed state\n\n &.aui-is-animated {\n + .aui-page-panel {\n #aui.transition(padding-left @aui-sidebar-default-transition-timing ease-in-out);\n }\n\n .aui-sidebar-wrapper {\n #aui.transition(width @aui-sidebar-default-transition-timing ease-in-out);\n }\n\n .aui-sidebar-body {\n #aui.transition(padding-top @aui-sidebar-default-transition-timing ease-in-out);\n }\n }\n}\n// END Sidebar\n//-----------------------\n\n\n// Adding animations to tipsy\n.aui-sidebar-section-tooltip {\n #aui.transition(opacity @aui-sidebar-default-transition-timing ease-in-out);\n opacity: 0;\n\n .tipsy-inner {\n background: @aui-sidebar-tooltip-background-color;\n }\n\n .tipsy-arrow {\n border-right-color: @aui-sidebar-tooltip-background-color;\n }\n\n &.tooltip-shown {\n opacity: 1;\n }\n}\n","@import 'aui-theme/components/messages';\n@import 'aui-theme/core/colors';\n\n@import './mixins/dropdown2-trigger-chevron-icon';\n@import './mixins/icon-pseudoelement';\n@import './mixins/media-queries';\n@import './mixins/shadows';\n@import './mixins/tab-indicator';\n@import './mixins/typography';\n\n#aui {\n .animation(@animation) {\n -webkit-animation: @animation;\n animation: @animation;\n }\n\n .border-radius(@radius) {\n border-radius: @radius;\n }\n\n .box-sizing(@sizing: border-box) {\n box-sizing: @sizing;\n }\n\n .prevent-text-selection() {\n -ms-user-select: none; // IE10+\n -moz-user-select: none;\n -webkit-user-select: none;\n user-select: none;\n }\n\n .gradient {\n .vertical(@start-color: #fff, @end-color: #f2f2f2, @start-percent: 0%, @end-percent: 100%) {\n background: @end-color;\n background: linear-gradient(to bottom, @start-color @start-percent, @end-color @end-percent);\n }\n }\n\n .rotate(@angle) {\n -webkit-transform: rotate(@angle);\n -ms-transform: rotate(@angle);\n transform: rotate(@angle);\n }\n\n .text-truncate() {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n\n .transition(@transition) {\n // Using + is deliberate; it will comma-append the value to whatever value already exists.\n // See http://lesscss.org/features/#merge-feature-comma\n transition+: @transition;\n }\n\n .transition {\n .fadeIn(@length: 0.2s, @delay: 0s, @max-opacity: 1) {\n opacity: @max-opacity;\n transition: opacity @length;\n transition-delay: @delay;\n visibility: visible;\n }\n\n .fadeOut(@length: 0.2s, @delay: 0s) {\n opacity: 0;\n transition: opacity @length, visibility @length;\n transition-delay: @delay;\n visibility: hidden;\n }\n }\n\n .transform-rotate(@angle) {\n -ms-transform: rotate(@angle);\n -webkit-transform: rotate(@angle);\n transform: rotate(@angle);\n }\n\n .height-calc(@calc) {\n height: ~\"calc(@{calc})\";\n }\n\n .placeholder(@color) {\n // each rule for each browser must be in a different selector, as browsers will\n // ignore the whole line if it doesn't recognise something.\n // see https://css-tricks.com/almanac/selectors/p/placeholder/ for more details.\n\n // Affect Safari and Chrome.\n &::-webkit-input-placeholder {\n color: @color;\n opacity: 1;\n }\n // Affect Firefox 18+. The opacity is necessary to override browser defaults.\n &::-moz-placeholder {\n color: @color;\n opacity: 1;\n }\n // IE 10 implements placeholder text via a pseudo-class, not a pseudo-element;\n // that's why there's a single colon here instead of two.\n &:-ms-input-placeholder {\n color: @color;\n }\n // This is the likely official CSS spec way of achieving placeholder text.\n &::placeholder {\n color: @color;\n }\n // Target AUI's JS equivalent of the CSS proposal for the `:placeholder-shown` pseudo-class.\n &.aui-placeholder-shown, &.placeholder-shown {\n color: @color;\n }\n }\n\n //\n // Responsive mixins\n //\n .responsive-small(@rules) {\n html.aui-responsive {\n @media screen and (max-width: 767px) {\n @rules();\n }\n }\n }\n .responsive-medium(@rules) {\n html.aui-responsive {\n @media screen and (max-width: 800px) {\n @rules();\n }\n }\n }\n\n .responsive-large(@rules) {\n html.aui-responsive {\n @media screen and (max-width: 1023px) {\n @rules();\n }\n }\n }\n\n // messages / flags\n\n .icon-bar() {\n //The actual icon\n &::after {\n #aui.icon-pseudoelement(@aui-icon-font-family);\n color: @aui-color-white;\n font-size: @aui-message-icon-size;\n left: @aui-message-padding-left;\n line-height: @aui-message-line-height;\n position: absolute;\n top: @aui-message-vertical-padding;\n }\n\n // For the backward compatible changes\n &::before {\n display: none;\n }\n }\n\n .icon-glyph(@content, @color) {\n //The actual icon\n &::after {\n content: @content;\n color: @color;\n }\n }\n}\n","@import '../aui-theme/core/colors';\n@import '../aui-theme/core/text';\n\n// Why are we defining our own mixins when some already exist in Atlaskit? A few reasons:\n//\n// 1) Atlaskit's use the pure ADG3 proportions, which have different line heights and letter-spacing than we are taking on right now.\n// 2) Atlaskit's include margin info, which we don't want.\n//\n// Even if they were exactly the same, we'd probably create our mixins by extending theirs in this file.\n// The adapter pattern is generally useful in shielding us from external change by reducing its scope of impact to a single place.\n\n#aui {\n .typography {\n // First-level heading (h1) equivalent\n .h800() {\n @size: @aui-font-size-xxxlarge;\n font-size: @size;\n font-weight: @aui-font-weight-semibold;\n line-height: unit(40 / @size);\n letter-spacing: -0.01em;\n text-transform: none;\n }\n // Second-level heading (h2) equivalent\n .h700() {\n @size: @aui-font-size-xxlarge;\n font-size: @size;\n font-weight: @aui-font-weight-medium;\n line-height: unit(30 / @size);\n letter-spacing: -0.01em;\n text-transform: none;\n }\n // Third-level heading (h3) equivalent\n .h600() {\n @size: @aui-font-size-xlarge;\n font-size: @size;\n font-weight: @aui-font-weight-medium;\n line-height: unit(30 / @size);\n letter-spacing: -0.008em;\n text-transform: none;\n }\n // Fourth-level heading (h4) equivalent\n .h500() {\n @size: @aui-font-size-large;\n font-size: @size;\n font-weight: @aui-font-weight-medium;\n line-height: unit(20 / @size);\n letter-spacing: -0.006em;\n text-transform: none;\n }\n // Fifth-level heading (h5) equivalent\n .h400() {\n @size: @aui-font-size-medium;\n font-size: @size;\n font-weight: @aui-font-weight-semibold;\n line-height: unit(20 / @size);\n letter-spacing: -0.003em;\n text-transform: none;\n }\n // Sixth-level heading (h6) equivalent\n .h300() {\n @size: @aui-font-size-small;\n font-size: @size;\n font-weight: @aui-font-weight-semibold;\n line-height: unit(20 / @size);\n letter-spacing: 0;\n text-transform: none;\n }\n .h200(@color: @ak-color-N200) {\n @size: @aui-font-size-small;\n color: @color;\n font-size: @size;\n font-weight: @aui-font-weight-semibold;\n line-height: unit(20 / @size);\n letter-spacing: 0;\n text-transform: none;\n }\n .h100(@color: @ak-color-N200) {\n @size: @aui-font-size-xsmall;\n color: @color;\n font-size: @size;\n font-weight: @aui-font-weight-semibold;\n line-height: unit(16 / @size);\n letter-spacing: 0;\n text-transform: uppercase;\n }\n }\n}\n","@import 'aui-sidebar-config.less';\n\n//\n// Imported by aui-sidebar.\n//\n// Implements the navigation pattern overrides for vertical navigation\n// so that it works both inside the sidebar panel itself as well as in the inline-dialogs\n// shown when the sidebar is contracted.\n//\n\n.aui-sidebar,\n.aui-sidebar-submenu {\n\n //\n // Nav pattern integration\n //\n\n .aui-navgroup .aui-sidebar-button {\n margin-bottom: @aui-sidebar-grid;\n margin-left: 3px;\n\n > .aui-icon {\n margin-right: 3px;\n }\n }\n\n .aui-nav-item-label {\n #aui.text-truncate();\n display: block;\n word-wrap: normal;\n }\n\n .aui-navgroup-vertical .aui-nav {\n > li {\n > .aui-nav-item {\n #aui-nav.item-base(@aui-sidebar-nav-link-expected-height);\n padding-left: @aui-sidebar-nav-link-inner-spacing;\n padding-right: (@aui-icon-size-small + @aui-sidebar-nav-link-inner-spacing ); // room on the right for dropdown action menus\n }\n }\n\n // Actions\n .aui-nav-item-actions {\n @actions-button-size: @aui-icon-size-small;\n top: ((@aui-sidebar-nav-link-expected-height - @actions-button-size) / 2);\n height: @actions-button-size;\n width: @actions-button-size;\n }\n\n // Nested navigation\n .aui-nav {\n &[data-more] {\n .aui-nav-more ~ li {\n height: 0;\n overflow: hidden;\n }\n }\n\n .aui-nav-item-actions {\n margin-right: 0;\n }\n }\n }\n\n .aui-navgroup-vertical .aui-nav .aui-nav-selected > .aui-nav-item {\n #aui-nav.item-style(selected);\n }\n\n .aui-nav {\n > li {\n position: relative;\n\n > .aui-nav-item {\n #aui.text-truncate();\n\n > .aui-icon {\n color: @aui-sidebar-icon-color;\n height: @aui-sidebar-icon-size;\n width: @aui-sidebar-icon-size;\n margin-right: @aui-sidebar-nav-link-icon-spacing;\n float: left;\n\n &::before {\n font-size: @aui-sidebar-icon-size;\n margin-top: -( @aui-sidebar-icon-size / 2);\n }\n\n &.aui-icon-small::before {\n font-size: @aui-icon-size-small;\n // change padding to maintain the 20px box size so that relative positioning still works\n padding: ((@aui-sidebar-icon-size - @aui-icon-size-small) / 2);\n }\n }\n }\n }\n }\n\n // twixi for nested navigation\n .aui-navgroup-vertical .aui-nav > li[aria-expanded] {\n > .aui-nav-subtree-toggle {\n @box-size: @aui-sidebar-nav-link-expected-height; // that assumption in aui-navigation about the .aui-nav-item height? yeeeeah, it's invalid here.\n @fake-icon-with-spacing: @aui-nav-subtree-toggle-icon-size + @aui-sidebar-nav-link-icon-spacing;\n\n top: ((@box-size - @aui-nav-subtree-toggle-icon-size) / 2);\n left: @aui-sidebar-nav-link-inner-spacing; // push it \"inside\" the .aui-nav-item, though the element actually adjacent to it.\n color: @aui-sidebar-toggle-icon-color;\n\n + .aui-nav-item {\n padding-left: (@aui-sidebar-nav-link-inner-spacing + @fake-icon-with-spacing);\n\n > .aui-icon {\n display: none; // the subtree toggle is shown in place of this icon.\n }\n }\n\n ~ .aui-nav {\n padding-left: @fake-icon-with-spacing;\n }\n }\n }\n\n // divider between multiple aui-sidebar-groups or aui-navs inside the sidebar, without a aui-nav-heading.\n // they used to be displayed, but the design went \"borderless\", so now they're not.\n hr {\n display: none;\n }\n}\n\n//-----------------------\n// Sidebar narrow state - add collapsed styles.\n//-----------------------\n.aui-sidebar {\n &[aria-expanded=\"false\"] {\n @aui-sidebar-nav-group-divider-width: 2px;\n\n .aui-nav-heading {\n display: none;\n }\n\n // show the icon for an expandable twixi menu (if it has one)\n .aui-navgroup-vertical .aui-nav > li[aria-expanded] {\n > .aui-nav-subtree-toggle {\n + .aui-nav-item {\n padding-left: 0;\n\n > .aui-icon {\n display: block; // the subtree toggle doesn't exist in the reduced width sidebar\n }\n }\n }\n }\n\n .aui-nav-sortable > li > a:after {\n left: 0;\n top: (@aui-sidebar-grid * .8);\n }\n\n .aui-nav-item-actions {\n display: none;\n }\n }\n}\n// END Sidebar\n//-----------------------\n\n.aui-sidebar-submenu-dialog > .aui-inline-dialog-contents {\n padding: @aui-sidebar-grid;\n width: 300px;\n max-height: 812px;\n}\n\n.aui-sidebar-submenu {\n position: static;\n background: transparent;\n border-right: 0;\n width: auto;\n}\n","@import '../theme';\n\n@aui-nav-text-color: @ak-color-N500;\n@aui-nav-heading-text-color: @ak-color-N200;\n@aui-nav-heading-text-font-size: @aui-font-size-xsmall;\n\n// ### Nav items\n\n@aui-nav-link-selected-text-color: @aui-nav-text-color;\n@aui-nav-link-selected-bg-color: @ak-color-N30A;\n@aui-nav-link-active-text-color: @aui-nav-text-color;\n@aui-nav-link-active-bg-color: @ak-color-B50;\n@aui-nav-link-bg-color: transparent;\n@aui-nav-link-color: @aui-nav-text-color;\n@aui-nav-link-border-radius: @aui-border-radius-small;\n\n// These values cannot change until a major version. See the item-base for an explanation.\n@aui-nav-link-effective-height: 30px;\n@aui-nav-link-spacing-horizontal: 10px;\n@aui-nav-link-spacing-vertical: 7px;\n\n// ### Nav sub-tree\n\n@aui-nav-group-divider-color: @ak-color-N40;\n@aui-nav-subtree-line-color: @ak-color-N40;\n@aui-nav-subtree-toggle-icon-color: @ak-color-N80;\n@aui-nav-subtree-toggle-icon-size: 20px;\n\n@aui-nav-subtree-indicator-width: 1px;\n@aui-nav-item-actions-dropdown-trigger-hover-color: @aui-button-default-hover-bg-color;\n\n// ### Actions lists\n\n@aui-nav-actions-list-margin-top: @aui-grid;\n@aui-nav-actions-list-item-margin-bottom: (@aui-grid / 2);\n@aui-nav-actions-list-item-font-size: @aui-font-size-medium;\n\n@aui-nav-actions-list-divider-color: @ak-color-N100;\n@aui-nav-actions-list-divider-size: 2px;\n@aui-nav-actions-list-divider-spacing: 10px;\n\n// ### Paginated\n\n@aui-nav-pagination-text-color: @aui-text-color;\n@aui-nav-pagination-active-text-color: @aui-color-gray;\n\n\n// ### Groups\n\n@aui-navgroup-horizontal-bg-color: @ak-color-N20;\n\n#aui-nav {\n .item-base(@height: @aui-nav-link-effective-height) {\n border-radius: @aui-nav-link-border-radius;\n box-sizing: content-box;\n // This *cannot* be changed to flexbox until a major version.\n // Plain-text often ends up in these items alongside elements that are currently floated;\n // it wouldn't be possible to re-arrange them correctly using flexbox.\n display: block;\n // the line-height + padding adds up to an effective 30px height for the element,\n // but the inner content box is only 16px tall. This enables things like\n // lozenges and small icons to line up correctly with the text, without explicit treatment.\n // this is assumed and exploited in places like the sidebar's navigation.\n line-height: unit((@height - (2 * @aui-nav-link-spacing-vertical)) / @aui-nav-actions-list-item-font-size);\n padding: @aui-nav-link-spacing-vertical @aui-nav-link-spacing-horizontal;\n }\n\n .item-style(normal) {\n background-color: @aui-nav-link-bg-color;\n color: @aui-nav-link-color;\n text-decoration: none;\n }\n\n .item-style(hover) {\n background-color: @aui-nav-link-selected-bg-color;\n // color is not set; it should be determined by whether the item is selected or not.\n text-decoration: none;\n }\n\n .item-style(active) {\n background-color: @aui-nav-link-active-bg-color;\n color: @aui-nav-link-active-text-color;\n text-decoration: none;\n }\n\n .item-style(selected) {\n background-color: @aui-nav-link-selected-bg-color;\n color: @aui-nav-link-selected-text-color;\n font-weight: @aui-font-weight-medium;\n }\n}\n","@import 'aui-sidebar-config.less';\n\n//\n// Imported by aui-sidebar.\n//\n// Implements grouping strategies for sidebar items. The various group\n// types are wrappers around the base aui-nav pattern. Different groups\n// behave and are styled differently depending on whether the sidebar\n// is expanded or collapsed.\n//\n\n//\n// Sidebar navigation grouping\n//\n.aui-sidebar {\n\n .aui-sidebar-group {\n // Note: these margins should collapse with those of aui-nav itself.\n margin-top: (@aui-sidebar-grid * 2);\n margin-bottom: @aui-sidebar-grid;\n padding: 0 @aui-sidebar-gutter;\n\n .aui-nav-heading {\n padding: 0 (@aui-sidebar-spacing - @aui-sidebar-gutter);\n }\n }\n\n\n //-----------------------\n // Sidebar narrow state - add collapsed styles.\n //-----------------------\n &[aria-expanded=\"false\"] {\n @aui-sidebar-nav-group-divider-width: 2px;\n\n // Replaces aui-nav with a default image to reflect nested content\n .aui-sidebar-group {\n // by default, groups collapse and are meant to look like clickable buttons.\n #aui-nav.item-base(@aui-sidebar-nav-link-expected-height);\n #aui-nav.item-style(normal);\n background: url(images/icons/sidebar/icon-group.svg) 50% center no-repeat;\n cursor: pointer;\n height: @aui-sidebar-icon-size;\n margin-left: @aui-sidebar-grid;\n margin-right: @aui-sidebar-grid;\n position: relative;\n\n &:focus,\n &:hover {\n #aui-nav.item-style(hover);\n }\n\n &.active {\n #aui-nav.item-style(selected);\n }\n\n > .aui-nav {\n display: none;\n }\n\n // remove the faux button effect; these things are still groups.\n &.aui-sidebar-group-actions,\n &.aui-sidebar-group-tier-one {\n background: none;\n border-radius: 0;\n cursor: auto;\n padding: 0;\n }\n }\n\n // make the group actions look like a special kind of rounded button.\n .aui-sidebar-group-actions {\n margin: @aui-sidebar-grid 0 @aui-sidebar-spacing 0;\n height: @aui-icon-size-large;\n\n &::after {\n @aui-sidebar-group-actions-border-width: 1px;\n\n background: url(images/icons/sidebar/icon-group-actions.svg) no-repeat center center;\n background-size: @aui-sidebar-icon-size;\n border: @aui-sidebar-group-actions-border-width solid @aui-sidebar-background-color;\n border-radius: 50%;\n content: \"\";\n display: block;\n height: @aui-icon-size-large;\n left: 0;\n margin-left: ((@aui-sidebar-collapsed-width - @aui-sidebar-header-avatar-collapsed - (@aui-sidebar-group-actions-border-width * 2)) / 2);\n margin-right: ((@aui-sidebar-collapsed-width - @aui-sidebar-header-avatar-collapsed - (@aui-sidebar-group-actions-border-width * 2)) / 2);\n position: absolute;\n top: 0;\n width: @aui-icon-size-large;\n }\n\n &:hover,\n &:focus,\n &.active {\n &::after {\n background-color: @ak-color-N0;\n border-color: @aui-nav-group-divider-color;\n }\n }\n\n ~ .aui-sidebar-group-tier-one {\n border-top: @aui-sidebar-nav-group-divider-width solid @aui-nav-group-divider-color;\n margin-top: @aui-sidebar-spacing;\n padding-top: @aui-sidebar-grid;\n }\n }\n\n // use when the nav items have icons - shows the icon in the collapsed state\n .aui-sidebar-group-tier-one {\n background: none;\n height: auto;\n\n &:after {\n display: none;\n }\n\n &:focus,\n &:hover {\n background-color: transparent;\n }\n\n .aui-nav {\n display: block;\n height: auto;\n\n > li {\n display: block;\n\n > .aui-nav-item {\n padding-left: 0;\n padding-right: 0;\n text-align: center;\n\n // Adjust the position of the icon\n > .aui-icon {\n float: none;\n margin: 0 auto;\n }\n\n &.active {\n #aui-nav.item-style(selected);\n }\n }\n\n // visually hide the labels while allowing screen readers to still see them\n .aui-nav-item-label {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n }\n\n // remove any top level twixy expand/collapse triggers\n > .aui-nav-subtree-toggle {\n display: none;\n }\n\n .aui-nav-item-actions {\n display: none;\n }\n }\n\n // remove nested navs - contents to be sucked into fly-out menus\n .aui-nav {\n display: none;\n }\n }\n\n ~ .aui-sidebar-group-tier-one {\n border-top: @aui-sidebar-nav-group-divider-width solid @aui-nav-group-divider-color;\n margin-top: @aui-sidebar-grid;\n padding-top: @aui-sidebar-grid;\n }\n }\n }\n // END Collapsed state\n}\n// END Sidebar\n//-----------------------\n","@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.css"}