@atlassian/aui
Version:
Atlassian User Interface Framework
1 lines • 33 kB
Source Map (JSON)
{"version":3,"sources":["aui-navigation.less","imports/mixins/typography.less","imports/aui-theme/components/navigation.less","imports/aui-theme/components/buttons.less","imports/mixins/icon-pseudoelement.less","imports/aui-theme/core/icons.less","imports/mixins/dropdown2-trigger-chevron-icon.less","imports/mixins/tab-indicator.less"],"names":[],"mappings":"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","sourcesContent":["@import './imports/global';\n\n/*! AUI Navigation */\n\n/* Nav defaults - put very little here!\n-------------------- */\n.aui-nav,\n.aui-nav > li {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n/* Horizontal, breadcrumbs and pagination are all horizontal */\n.aui-nav-breadcrumbs:after,\n.aui-nav-pagination:after,\n.aui-nav-horizontal:after,\n.aui-navgroup-horizontal .aui-nav:after,\n.aui-navgroup-horizontal .aui-navgroup-inner:after {\n clear: both;\n content: \" \";\n display: table;\n}\n.aui-nav-breadcrumbs > li,\n.aui-nav-pagination > li {\n float: left;\n}\n\n/* Navigation headings\n-------------------- */\n.aui-nav-heading {\n #aui.typography.h100(@aui-nav-heading-text-color);\n line-height: unit(20 / @aui-nav-heading-text-font-size);\n padding: 0 @aui-nav-link-spacing-horizontal; // to match the nav-item layout.\n\n & > strong {\n font-size: inherit;\n font-weight: inherit;\n line-height: inherit;\n }\n}\n\n/* Breadcrumb navigation\n-------------------- */\n.aui-nav-breadcrumbs > li {\n padding: 0 @aui-grid 0 0;\n}\n\n.aui-nav-breadcrumbs > li + li:before {\n content: \"/\";\n padding-right: @aui-grid;\n}\n\n/* Pagination\n-------------------- */\n.aui-nav-pagination {\n margin: @aui-grid 0 0 0;\n}\n.aui-nav-pagination > li {\n padding: 0;\n}\n/* Need padding on the A elements for big click areas.\n Set equal left/right to help align the inline dialog on truncation. */\n.aui-nav-pagination > li > a {\n padding: @aui-grid @aui-grid 0 @aui-grid;\n}\n/* Don't set top/bottom as that throws non-linked items out of whack. */\n.aui-nav-pagination > li.aui-nav-selected,\n.aui-nav-pagination > li.aui-nav-truncation {\n padding-left: @aui-grid;\n padding-right: @aui-grid;\n}\n.aui-nav-pagination .aui-nav-truncation > a {\n padding-left: 0;\n padding-right: 0;\n}\n/* Remove whitespace from first and last child */\n.aui-nav-pagination > li:first-child > a,\n.aui-nav-pagination > li.aui-nav-truncation:first-child,\n.aui-nav-pagination > li.aui-nav-selected:first-child {\n padding-left: 0;\n}\n.aui-nav-pagination > li:last-child > a,\n.aui-nav-pagination > li.aui-nav-truncation:last-child,\n.aui-nav-pagination > li.aui-nav-selected:last-child {\n padding-right: 0;\n}\n\n.aui-nav-pagination a[aria-disabled=\"true\"],\n.aui-nav-pagination a[aria-disabled=\"true\"]:link,\n.aui-nav-pagination a[aria-disabled=\"true\"]:visited,\n.aui-nav-pagination a[aria-disabled=\"true\"]:focus,\n.aui-nav-pagination a[aria-disabled=\"true\"]:hover,\n.aui-nav-pagination a[aria-disabled=\"true\"]:active {\n color: @aui-nav-pagination-active-text-color;\n text-decoration: none;\n}\n\n/* \"current\" is deprecated in 5.1 */\n.aui-nav-pagination > li.aui-nav-current,\n.aui-nav-pagination > li.aui-nav-selected {\n color: @aui-nav-pagination-text-color;\n font-weight: @aui-font-weight-semibold;\n}\n\n/* Vertical Navigation\n-------------------- */\n.aui-navgroup-vertical .aui-nav > li > a,\n.aui-nav-vertical > li > a {\n #aui-nav.item-base();\n #aui-nav.item-style(normal);\n word-wrap: break-word;\n\n &:hover {\n #aui-nav.item-style(hover);\n }\n\n &:active {\n #aui-nav.item-style(active);\n }\n\n &:focus {\n text-decoration: none;\n }\n}\n\n.aui-navgroup-vertical .aui-nav .aui-nav-selected > a,\n.aui-nav-vertical .aui-nav .aui-nav-selected > a {\n #aui-nav.item-style(selected);\n}\n\n.aui-navgroup-vertical .aui-nav,\n.aui-navgroup-vertical .aui-nav-heading {\n margin: 0;\n}\n\n.aui-navgroup-vertical .aui-nav + .aui-nav {\n // If a sequential group does not have a heading, add a divider between them.\n margin-top: @aui-grid;\n padding-top: @aui-grid;\n border-top: 1px solid @aui-nav-group-divider-color;\n}\n\n.aui-navgroup-vertical .aui-nav + .aui-nav-heading {\n // If a sequential group *does* have a heading, don't add a divider, but space it out a little bit more.\n margin-top: @aui-grid * 2;\n}\n\n.aui-navgroup-vertical .aui-nav:first-child,\n.aui-navgroup-vertical .aui-navgroup-inner > .aui-nav-heading:first-child,\n.aui-navgroup-vertical .aui-navgroup-primary > .aui-nav-heading:first-child {\n margin-top: 0;\n padding-top: 0;\n}\n\n/* nested vertical navigation menus\n----------------------------------- */\n.aui-navgroup-vertical .aui-nav {\n\n // the sub-menu styles\n .aui-nav {\n margin-top: 0;\n padding: 0 0 0 @aui-nav-subtree-toggle-icon-size;\n\n > li {\n position: relative;\n }\n }\n\n // the twixi and submenu expansion/collapsing styles\n > li[aria-expanded] {\n position: relative;\n\n .aui-nav-heading {\n padding-left: 0;\n }\n\n .aui-nav-subtree-toggle {\n // All of these calculations exist because of two problems with the markup pattern:\n // (1) the subtree toggle sits outside and to the left of the aui-nav-item\n // (2) the nested list sits inside the <li> adjacent to the sutree toggle and nav item.\n // these both mean that using flexbox is... inadvisable.\n @box-size: (@aui-nav-link-effective-height); // note: it is assumed, but not guaranteed, that the .aui-nav-item will be the same height.\n box-sizing: border-box;\n color: @aui-nav-subtree-toggle-icon-color;\n left: 0;\n margin: 0;\n position: absolute;\n padding: ((@aui-nav-subtree-toggle-icon-size - @aui-icon-size-small) / 2);\n top: ((@box-size - @aui-nav-subtree-toggle-icon-size) / 2);\n width: @aui-nav-subtree-toggle-icon-size;\n z-index: 1; // because it needs to sit \"above\" the link it's for.\n\n > .aui-icon {\n display: block;\n margin: 0 auto;\n }\n\n + .aui-nav-item {\n padding-left: @aui-nav-subtree-toggle-icon-size + @aui-nav-link-spacing-horizontal;\n }\n }\n\n li {\n position: relative;\n }\n\n &[aria-expanded=\"false\"] {\n > * {\n display: none;\n }\n\n > .aui-nav-subtree-toggle,\n > .aui-nav-item {\n display: inherit;\n }\n }\n }\n}\n\n/* RHS actions dropdown\n------------------------ */\n\n.aui-navgroup-vertical .aui-nav .aui-nav-item-actions {\n @actions-glyph-size: unit(@aui-icon-size-small * 0.75, px);\n @actions-button-size: @aui-icon-size-small;\n @aui-nav-item-actions-top-offset: ((@aui-nav-link-effective-height - @actions-button-size) / 2);\n @aui-nav-item-actions-left-offset: 4px;\n @aui-nav-item-actions-border-radius: 2px; // because it's a tiny button. 3px would probably work, though.\n\n #aui-buttons.aui-subtle-button-style(normal);\n border-radius: @aui-nav-item-actions-border-radius;\n display: block;\n height: @actions-button-size;\n margin: 0;\n overflow: hidden;\n padding: 0;\n position: absolute;\n right: (@aui-grid / 2);\n text-indent: -999em;\n top: @aui-nav-item-actions-top-offset;\n width: @actions-button-size;\n\n &::after {\n #aui.aui-dropdown2-trigger-chevron-icon(@actions-glyph-size, @actions-button-size);\n content: @aui-glyph-more-actions;\n }\n\n &:hover,\n &:focus {\n #aui-buttons.aui-button-style(hover);\n }\n\n &:active {\n #aui-buttons.aui-button-style(active);\n\n &:after {\n border-top-color: @aui-text-color;\n }\n }\n\n &.active {\n #aui-buttons.aui-button-style(selected);\n }\n\n ~ .aui-nav-item-label {\n margin-right: (@aui-grid * 1.5);\n }\n}\n\n\n/* Horizontal Navigation\n-------------------- */\n.aui-nav-horizontal,\n.aui-navgroup-horizontal .aui-nav {\n display: flex;\n flex-direction: row;\n\n > li a {\n padding-right: @aui-grid;\n }\n}\n\n/* Horizontal Navgroup\n-------------------- */\n.aui-navgroup-horizontal {\n #aui.horizontal-tab-indicator(@aui-tabs-tab-border-color, auto, 0);\n\n // The base styles\n margin: 0;\n padding: 0 @aui-grid;\n\n // Use flexbox to arrange all the innards of horizontal nav.\n // The wrapping is a bit different to floated items, but hopefully in a good way.\n .aui-navgroup-inner,\n .aui-navgroup-primary,\n .aui-navgroup-secondary,\n .aui-nav {\n display: flex;\n flex-wrap: wrap;\n }\n\n .aui-navgroup-inner {\n justify-content: space-between;\n }\n\n .aui-navgroup-primary {\n flex-grow: 1;\n order: 0;\n }\n\n .aui-navgroup-secondary {\n order: 1;\n }\n\n /* Nav in a Navbar */\n .aui-nav {\n > li a {\n display: block;\n margin: 0;\n padding: (@aui-grid - 1) @aui-grid;\n position: relative;\n\n &,\n &:link,\n &:visited {\n color: @aui-tabs-tab-text-color;\n text-decoration: none;\n }\n\n &:focus,\n &:hover {\n color: @aui-tabs-tab-hover-text-color;\n }\n\n &:focus {\n z-index: 1;\n }\n }\n\n > .aui-nav-selected a {\n #aui.horizontal-tab-indicator(@aui-tabs-tab-active-border-color, 1);\n font-weight: @aui-font-weight-medium;\n\n &,\n &:link,\n &:visited,\n &.active {\n color: @aui-tabs-tab-active-text-color;\n }\n }\n }\n\n /* Horizontal navgroup + Dropdown2 integration. Note: ADG prohibits dropdowns in vertical nav. */\n .aui-dropdown2-trigger {\n .aui-icon-dropdown {\n display: none;\n }\n\n &::after {\n #aui.aui-dropdown2-trigger-chevron-icon();\n }\n }\n\n /* Breadcrumbs in navbar */\n .aui-nav-breadcrumbs > li,\n .aui-nav-breadcrumbs > li:before {\n padding: 0;\n }\n\n .aui-nav-breadcrumbs > li a {\n display: inline-block;\n }\n\n /* Bulletproofing - headings shouldn't be here but will at least not look heinously broken. */\n .aui-nav-heading {\n padding: @aui-grid @aui-grid 0 @aui-grid; /* 0 bottom required to unfuck IE9 */\n }\n}\n\n.aui-nav-actions-list {\n font-size: 0;\n list-style: none;\n margin: @aui-nav-actions-list-margin-top 0 0 0;\n padding: 0;\n\n &:first-child {\n margin-top: 0;\n }\n\n > li {\n display: inline-block;\n font-size: @aui-nav-actions-list-item-font-size;\n margin-bottom: @aui-nav-actions-list-item-margin-bottom;\n\n + li::before {\n content: \"\";\n border-radius: @aui-nav-actions-list-divider-size;\n width: @aui-nav-actions-list-divider-size;\n height: @aui-nav-actions-list-divider-size;\n background-color: @aui-nav-actions-list-divider-color;\n display: inline-block;\n vertical-align: middle;\n margin-left: @aui-nav-actions-list-divider-spacing;\n margin-right: @aui-nav-actions-list-divider-spacing;\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 '../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 '../theme';\n@import '../../mixins';\n\n@aui-button-border-color: transparent;\n\n@aui-button-border-radius: @aui-border-radius-smallish;\n@aui-button-border-style: solid;\n@aui-button-border-width: 1px;\n@aui-button-font-size: @aui-font-size-medium;\n@aui-button-height: unit(30 / @aui-button-font-size, em);\n@aui-button-padding-x: 10px;\n@aui-button-padding-y: 4px;\n@aui-button-line-height: unit(30 / (@aui-button-font-size + @aui-button-padding-y + @aui-button-padding-y), em);\n\n// Default button\n@aui-button-default-bg-color: @ak-color-N30A;\n@aui-button-default-hover-bg-color: @ak-color-N40A;\n@aui-button-default-border-color: @aui-button-border-color;\n@aui-button-default-text-color: @ak-color-N600;\n@aui-button-default-icon-color: @aui-button-default-text-color;\n\n@aui-button-default-active-bg-color: @ak-color-B50;\n@aui-button-default-active-border-color: @aui-button-default-border-color;\n@aui-button-default-active-text-color: @ak-color-B400;\n@aui-button-default-active-icon-color: @aui-button-default-active-text-color;\n\n@aui-button-default-selected-bg-color: @ak-color-N600;\n@aui-button-default-selected-border-color: @aui-button-default-border-color;\n@aui-button-default-selected-text-color: @ak-color-N0;\n@aui-button-default-selected-icon-color: @aui-button-default-selected-text-color;\n\n@aui-button-default-disabled-bg-color: @ak-color-N20;\n@aui-button-default-disabled-border-color: @aui-button-border-color;\n@aui-button-default-disabled-text-color: @ak-color-N70;\n@aui-button-default-disabled-icon-color: @aui-button-default-disabled-text-color;\n\n@aui-button-light-bg-color: @ak-color-N0;\n\n// Primary button\n@aui-button-primary-bg-color: @ak-color-B400;\n@aui-button-primary-border-color: @aui-button-border-color;\n@aui-button-primary-text-color: @ak-color-N0;\n@aui-button-primary-icon-color: @ak-color-N0;\n\n@aui-button-primary-hover-bg-color: @ak-color-B300;\n@aui-button-primary-active-bg-color: @aui-button-primary-bg-color;\n@aui-button-primary-active-border-color: @aui-button-border-color;\n@aui-button-primary-active-text-color: @aui-button-primary-text-color;\n@aui-button-primary-active-icon-color: @aui-button-primary-active-text-color;\n\n@aui-button-primary-disabled-bg-color: @aui-button-default-disabled-bg-color;\n@aui-button-primary-disabled-border-color: @aui-button-border-color;\n@aui-button-primary-disabled-text-color: @aui-button-default-disabled-text-color;\n@aui-button-primary-disabled-icon-color: @aui-button-default-disabled-icon-color;\n\n@aui-button-subtle-text-color: @aui-button-default-text-color;\n@aui-button-subtle-dropdown2-trigger-arrow-color: @aui-button-border-color;\n\n@aui-button-subtle-border-color: @aui-button-border-color;\n\n@aui-grouped-button-spacing: 2px;\n\n#aui-buttons {\n .aui-button-base() {\n #aui.transition(background-color 0.1s ease-out);\n border-radius: @aui-button-border-radius;\n border-style: @aui-button-border-style;\n border-width: @aui-button-border-width;\n cursor: pointer;\n font-family: inherit;\n font-size: @aui-button-font-size;\n font-variant: normal;\n font-weight: @aui-font-weight-normal;\n }\n\n .aui-button-style(normal) {\n background-image: none;\n background-color: @aui-button-default-bg-color;\n border-color: @aui-button-default-border-color;\n color: @aui-button-default-text-color;\n text-decoration: none;\n }\n\n .aui-button-style(hover) {\n background-color: @aui-button-default-hover-bg-color;\n border-color: @aui-button-default-border-color;\n color: @aui-button-default-text-color;\n text-decoration: none;\n }\n\n .aui-button-style(active) {\n background-image: none;\n background-color: @aui-button-default-active-bg-color;\n border-color: @aui-button-default-active-border-color;\n color: @aui-button-default-active-text-color;\n text-decoration: none;\n }\n\n .aui-button-style(selected) {\n background-image: none;\n background-color: @aui-button-default-selected-bg-color;\n border-color: @aui-button-default-selected-border-color;\n color: @aui-button-default-selected-text-color;\n text-decoration: none;\n }\n\n .aui-button-style(disabled) {\n background-color: @aui-button-default-disabled-bg-color;\n border-color: @aui-button-default-disabled-border-color;\n color: @aui-button-default-disabled-text-color;\n cursor: default;\n }\n\n .aui-primary-button-style(normal) {\n background-image: none;\n background-color: @aui-button-primary-bg-color;\n border-color: @aui-button-primary-border-color;\n color: @aui-button-primary-text-color;\n text-decoration: none;\n font-weight: @aui-font-weight-semibold;\n }\n\n .aui-primary-button-style(hover) {\n background-color: @aui-button-primary-hover-bg-color;\n border-color: @aui-button-primary-active-border-color;\n color: @aui-button-primary-active-text-color;\n text-decoration: none;\n }\n\n .aui-primary-button-style(active) {\n background-image: none;\n background-color: @aui-button-primary-active-bg-color;\n border-color: @aui-button-primary-active-border-color;\n color: @aui-button-primary-active-text-color;\n text-decoration: none;\n }\n\n .aui-primary-button-style(disabled) {\n #aui-buttons.aui-button-style(disabled);\n }\n\n .aui-subtle-button-style(normal) {\n background: transparent none;\n border-color: transparent;\n color: @aui-button-default-text-color;\n text-decoration: none;\n }\n\n .aui-link-button-style(normal) {\n background-color: transparent;\n border-color: transparent;\n color: @aui-link-color;\n cursor: pointer;\n text-decoration: none;\n }\n\n .aui-link-button-style(hover) {\n color: @aui-link-color-hover;\n text-decoration: underline;\n }\n\n .aui-link-button-style(active) {\n color: @aui-link-color-active;\n text-decoration: none;\n }\n\n .aui-link-button-style(disabled) {\n background-color: transparent;\n border-color: transparent;\n color: @aui-button-default-disabled-text-color;\n text-decoration: none;\n }\n}\n","@import '../aui-theme/core/icons';\n@import '../aui-theme/components/icons';\n\n#aui {\n .icon-pseudoelement(@fontface: @aui-icon-font-family) {\n -moz-osx-font-smoothing: grayscale; // Improves the rendering of icons in OSX + Firefox\n -webkit-font-smoothing: antialiased; // Improves the rendering of icons in OSX + (Safari, Google Chrome)\n -webkit-text-stroke-width: 0; // Prevents drawing a thicker edge on icons\n font-family: @fontface;\n font-weight: normal;\n font-style: normal;\n speak: none; // This prevents screen readers from pronouncing the pseudo element text content used to trigger the icon font\n }\n\n .icon(@icon-glyph-code; @rules) {\n &::before {\n #aui.icon-pseudoelement(@aui-icon-font-family);\n color: inherit;\n content: @icon-glyph-code;\n font-size: @aui-icon-size-small;\n height: @aui-icon-size-small;\n left: 0;\n line-height: 1;\n margin-top: -(@aui-icon-size-small / 2);\n position: absolute;\n text-indent: 0;\n top: 50%;\n width: @aui-icon-size-small;\n @rules();\n }\n }\n}\n","@aui-old-icon-font-family: \"Atlassian Icons\";\n@aui-old-icon-font-file: \"atlassian-icons\";\n@aui-old-icon-font-id: \"atlassian-icons\";\n\n@aui-icon-font-family: \"Adgs Icons\";\n@aui-icon-font-file: \"adgs-icons\";\n@aui-icon-font-id: \"adgs-icons\";\n\n// glyphs\n@aui-glyph-check: \"\\f194\";\n@aui-glyph-check-circle: \"\\f104\";\n@aui-glyph-chevron-down: \"\\f15b\";\n@aui-glyph-close: \"\\f11b\";\n@aui-glyph-exclamation-triangle: \"\\f1b3\";\n@aui-glyph-exclamation-circle: \"\\f15a\";\n@aui-glyph-info-circle: \"\\f234\";\n@aui-glyph-more-actions: \"\\f17f\"; // the \"more\" icon; should be three dots.\n@aui-glyph-search: \"\\f18c\";\n@aui-glyph-search-small: \"\\f18d\";\n@aui-glyph-radio: \"\\f500\";\n@aui-glyph-remove: \"\\f188\";\n\n@aui-glyph-sorted-ascending: \"\\f1ac\";\n@aui-glyph-sorted-descending: \"\\f140\";\n","@import './icon-pseudoelement';\n\n#aui {\n .aui-dropdown2-trigger-chevron-icon(@glyphsize: @aui-icon-size-small; @canvassize: @aui-icon-size-small-canvas) {\n @canvas-padding: ((@canvassize - @glyphsize) / 2);\n #aui.icon-pseudoelement(@aui-icon-font-family);\n content: @aui-glyph-chevron-down;\n font-size: @glyphsize;\n height: @glyphsize;\n line-height: 1;\n margin-top: -(@glyphsize / 2);\n position: absolute;\n right: @canvas-padding;\n top: 50%;\n text-indent: 0; // Reset indentation set by split button\n width: @glyphsize;\n }\n}\n","@import '../aui-theme/core/grid';\n@import '../aui-theme/components/tabs';\n\n#aui {\n .horizontal-tab-indicator(@background, @index: auto, @horizontal-gutter: @aui-grid) {\n position: relative;\n\n &::after {\n background: @background;\n bottom: 0;\n content: \"\";\n display: block;\n height: @aui-tab-break-height;\n left: @horizontal-gutter;\n position: absolute;\n right: @horizontal-gutter;\n width: initial;\n z-index: @index;\n }\n }\n\n .vertical-tab-indicator(@background, @index: auto, @vertical-gutter: @aui-grid) {\n position: relative;\n\n &::after {\n background: @background;\n bottom: @vertical-gutter;\n content: \"\";\n display: block;\n height: initial;\n position: absolute;\n top: @vertical-gutter;\n right: 0;\n width: @aui-tab-break-height;\n z-index: @index;\n }\n }\n}\n"],"file":"aui-navigation.css"}