@atlassian/aui/lib/css/dropdown2.css.map

Atlassian User Interface Framework

{"version":3,"sources":["dropdown2.less","imports/mixins.less","imports/mixins/shadows.less","imports/mixins/typography.less","imports/mixins/icon-pseudoelement.less","imports/aui-theme/core/icons.less","imports/mixins/dropdown2-trigger-chevron-icon.less"],"names":[],"mappings":"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","sourcesContent":["@import './imports/global';\n\n/**\n * Dropdown 2\n */\n\n/* Functional styles - these are always applied\n---------------------------------------------------------------------- */\n.aui-dropdown2 {\n    box-sizing: border-box;\n    max-width: 300px;\n    min-width: 160px;\n    position: absolute;\n    &[aria-hidden=\"true\"] {\n        top: -999em;\n        left: -999em;\n    }\n    &:not([resolved]) {\n        display: none;\n    }\n}\n\n.aui-dropdown2 [role=\"menuitem\"],\n.aui-dropdown2 [role=\"menuitemcheckbox\"],\n.aui-dropdown2 [role=\"menuitemradio\"],\n.aui-dropdown2 [role=\"radio\"],\n.aui-dropdown2 [role=\"checkbox\"],\n.aui-dropdown2 a {\n    #aui.prevent-text-selection();\n    display: block;\n}\n\n.aui-dropdown2 .aui-list-truncate [role=\"menuitem\"],\n.aui-dropdown2 .aui-list-truncate [role=\"menuitemcheckbox\"],\n.aui-dropdown2 .aui-list-truncate [role=\"menuitemradio\"],\n.aui-dropdown2 .aui-list-truncate [role=\"radio\"],\n.aui-dropdown2 .aui-list-truncate [role=\"checkbox\"],\n.aui-dropdown2 .aui-list-truncate a {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n/* Default style for Dropdown2, invoked with aui-style-default\n---------------------------------------------------------------------- */\n.aui-dropdown2.aui-style-default {\n    #aui.shadow.z200();\n    background-color: @aui-dropdown2-bg-color;\n    border: 0 solid @aui-dropdown2-border-color;\n    border-bottom-left-radius: @aui-dropdown2-border-radius;\n    border-bottom-right-radius: @aui-dropdown2-border-radius;\n\n    &.aui-layer { // To override the specific height calculations for layer.\n        -webkit-height: auto; // Will be handled by JS\n        height: auto; // Will be handled by JS\n    }\n}\n\n.aui-dropdown2.aui-style-default ul {\n    list-style: none;\n    margin: 2px 0;\n    padding-left: 0;\n}\n\n.aui-style-default .aui-dropdown2-section + .aui-dropdown2-section {\n    border-top: 1px solid @aui-dropdown2-border-color;\n}\n\n.aui-dropdown2.aui-style-default > strong,\n.aui-dropdown2.aui-style-default .aui-dropdown2-section > strong,\n.aui-dropdown2-heading {\n    #aui.typography.h100(@aui-dropdown2-header-text-color);\n    display: block;\n    padding: 7px 10px 6px;\n}\n\n.aui-dropdown2-heading > strong {\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n}\n\n.aui-dropdown2.aui-style-default strong + ul {\n    margin-top: 0;\n}\n\n.aui-dropdown2.aui-style-default [role=\"menuitem\"],\n.aui-dropdown2.aui-style-default [role=\"menuitemcheckbox\"],\n.aui-dropdown2.aui-style-default [role=\"menuitemradio\"],\n.aui-dropdown2.aui-style-default [role=\"radio\"],\n.aui-dropdown2.aui-style-default [role=\"checkbox\"],\n.aui-dropdown2.aui-style-default a {\n    color: @aui-text-color;\n    padding: 3px 10px;\n    text-decoration: none;\n}\n\n.aui-dropdown2.aui-style-default {\n    [aria-disabled=\"true\"],\n    a.disabled {\n        color: @aui-dropdown2-disabled-text-color;\n        cursor: default;\n    }\n}\n\n.aui-dropdown2.aui-style-default a:focus,\n.aui-dropdown2.aui-style-default a:hover {\n    text-decoration: none;\n}\n\n.aui-dropdown2.aui-style-default a:focus {\n    z-index: 1;\n}\n\n.aui-dropdown2.aui-style-default .aui-dropdown2-radio:not([aria-disabled=\"true\"]),\n.aui-dropdown2.aui-style-default .aui-dropdown2-checkbox:not([aria-disabled=\"true\"]) {\n    cursor: pointer;\n}\n\n.aui-dropdown2.aui-style-default .aui-icon-container,\n.aui-dropdown2.aui-style-default .aui-dropdown2-radio,\n.aui-dropdown2.aui-style-default .aui-dropdown2-checkbox {\n    padding-left: 31px;\n}\n\n.aui-dropdown2.aui-style-default .aui-icon-container,\n.aui-dropdown2.aui-style-default .aui-dropdown2-radio,\n.aui-dropdown2.aui-style-default .aui-dropdown2-checkbox {\n    /* position of the background or icon (both 16x16) is:\n     * - 10px from the left to match the item padding\n     * - 7px from the top which is calculated:\n     *   - 5px for the top padding of the item\n     *   - 2px is half the difference between the line-height (20) and the icon height (16) so it's vertically spaced\n     */\n    background-position: 10px 5px;\n    background-repeat: no-repeat;\n    position: relative;\n}\n\n.aui-dropdown2.aui-style-default .aui-icon-container > img,\n.aui-dropdown2.aui-style-default .aui-icon-container > .aui-icon,\n.aui-dropdown2.aui-style-default .aui-icon-container > .aui-avatar {\n    border-width: 0;\n    left: 10px;\n    position: absolute;\n    top: 5px;\n}\n\n.aui-dropdown2.aui-style-default .aui-icon-container > .aui-icon {\n    display: block;\n    overflow: hidden;\n    text-indent: -99999px;\n}\n\n/* Checkbox items */\n.aui-dropdown2.aui-style-default .aui-dropdown2-checkbox.aui-dropdown2-checked {\n    #aui.icon(@aui-glyph-check, {\n        margin-left: (@aui-icon-size-small / 2);\n    });\n}\n\n/* Radio items */\n.aui-dropdown2.aui-style-default .aui-dropdown2-radio.aui-dropdown2-checked {\n    #aui.icon(@aui-glyph-radio, {\n        margin-left: (@aui-icon-size-small / 2);\n    });\n}\n\n.aui-dropdown2.aui-dropdown2-tailed {\n    border: 1px solid @aui-dropdown2-border-color;\n    margin-top: 10px;\n}\n\n.aui-dropdown2.aui-dropdown2-tailed::before,\n.aui-dropdown2.aui-dropdown2-tailed::after {\n    border-color: transparent;\n    border-style: outset outset solid outset;\n    border-width: 8px;\n    bottom: 100%;\n    content: \"\";\n    display: block;\n    height: 0;\n    position: absolute;\n    width: 0;\n}\n\n.aui-dropdown2.aui-dropdown2-tailed::before {\n    border-bottom-color: @aui-dropdown2-border-color;\n    margin-bottom: 1px;\n}\n\n.aui-dropdown2.aui-dropdown2-tailed::after {\n    border-bottom-color: @aui-dropdown2-bg-color;\n}\n\n/* basic in-page dropdown trigger style DEPRECATED as of 4.2 */\n.aui-dropdown2-trigger.aui-style-dropdown2triggerlegacy1 {\n    padding: 5px 8px;\n    text-decoration: none;\n}\n\n.aui-dropdown2-trigger.aui-style-dropdown2triggerlegacy1:hover,\n.aui-dropdown2-trigger.aui-style-dropdown2triggerlegacy1:focus,\n.aui-dropdown2-trigger.aui-style-dropdown2triggerlegacy1.active,\n.aui-dropdown2-trigger.aui-style-dropdown2triggerlegacy1.aui-dropdown2-active {\n    background-color: #326ca6;\n    border-radius: 4px;\n    color: @aui-dropdown2-trigger-active-color;\n    text-decoration: none;\n}\n\n.aui-dropdown2-trigger.aui-style-dropdown2triggerlegacy1.active,\n.aui-dropdown2-trigger.aui-style-dropdown2triggerlegacy1.aui-dropdown2active {\n    border-radius: 4px 4px 0 0;\n}\n\n.aui-dropdown2-trigger.aui-style-dropdown2triggerlegacy1[aria-disabled=\"true\"],\n.aui-dropdown2-trigger.aui-style-dropdown2triggerlegacy1[aria-disabled=\"true\"]:hover,\n.aui-dropdown2-trigger.aui-style-dropdown2triggerlegacy1[aria-disabled=\"true\"]:focus,\n.aui-dropdown2-trigger.aui-style-dropdown2triggerlegacy1[aria-disabled=\"true\"]:active {\n    background: inherit;\n    color: #99b6d3; /* equivalent of opacity: 0.5 */\n    cursor: default;\n}\n\n/* Toolbar/Toolbar2-via-buttons integration. Avoid double border: */\n.aui-dropdown2.aui-style-default.aui-dropdown2-in-toolbar,\n.aui-dropdown2.aui-style-default.aui-dropdown2-in-buttons {\n    margin-top: -1px;\n    border-top-color: @aui-dropdown2-border-color;\n}\n\n/* Header integration. */\n.aui-dropdown2.aui-style-default.aui-dropdown2-in-header {\n    margin-top: 1px;\n}\n\n.aui-dropdown2.aui-style-default.aui-dropdown2-in-header.aui-dropdown2-in-buttons {\n    margin-top: 0;\n}\n\n.aui-dropdown2.aui-style-default.aui-dropdown2-in-header.aui-dropdown2-tailed {\n    margin-top: 4px;\n}\n\n/* Arrow for sub menus */\n.aui-dropdown2-sub-trigger {\n    position: relative;\n}\n\n.aui-dropdown2-sub-trigger::after {\n    border: 5px solid transparent;\n    border-left-color: @aui-dropdown2-trigger-color;\n    content: \"\";\n    height: 0;\n    margin-left: -16px;\n    margin-top: -5px;\n    left: 100%; /* \"left\" + \"margin-left\" required because of webkit not working properly with \"right\" */\n    position: absolute;\n    top: 50%;\n    width: 0;\n}\n\n.aui-dropdown2-sub-trigger.active::after,\n.aui-dropdown2-sub-trigger.aui-dropdown2-active::after {\n    border-left-color: @aui-dropdown2-trigger-active-color;\n}\n\n.aui-dropdown2-sub-trigger[disabled]::after,\n.aui-dropdown2-sub-trigger.disabled::after,\n.aui-dropdown2-sub-trigger.aui-dropdown2-disabled::after {\n    border-left-color: @aui-dropdown2-trigger-disabled-color;\n}\n\n.aui-dropdown2.aui-dropdown2-sub-menu,\n.aui-dropdown2.aui-dropdown2-in-header.aui-dropdown2-sub-menu {\n    margin-top: -3px;\n}\n\n.aui-dropdown2.aui-style-default {\n    &:hover {\n        //If hovering on the dropdown, set all but the hovered item to inactive display\n        .aui-dropdown2-checkbox,\n        .aui-dropdown2-radio,\n        a {\n            color: @aui-text-color;\n        }\n        .aui-dropdown2-checkbox.aui-dropdown2-disabled,\n        .aui-dropdown2-radio.aui-dropdown2-disabled,\n        a.aui-dropdown2-disabled {\n            color: @aui-dropdown2-disabled-text-color;\n        }\n\n        .aui-dropdown2-checkbox:not(.aui-dropdown2-disabled):hover,\n        .aui-dropdown2-radio:not(.aui-dropdown2-disabled):hover,\n        a:not(.aui-dropdown2-disabled):hover {\n            background-color: @aui-link-inverted-bg-color;\n            color: @aui-link-inverted-text-color;\n        }\n    }\n    //If not hovering on the dropdown, use the active class for display\n    .active,\n    .aui-dropdown2-active {\n        background-color: @aui-link-inverted-bg-color;\n        color: @aui-link-inverted-text-color;\n        &.aui-dropdown2-disabled {\n            background-color: @aui-dropdown2-disabled-hover-bg-color;\n            color: @aui-dropdown2-disabled-text-color;\n        }\n    }\n}\n\n.aui-dropdown2-trigger:not(.aui-dropdown2-trigger-arrowless) {\n    padding-right: @aui-icon-size-small-canvas !important; // Someone else was greedy to set padding\n    position: relative;\n}\n\n/* Dropdown2 button integration\n---------- */\n.aui-button.aui-dropdown2-trigger.active:first-child,\n.aui-button.aui-dropdown2-trigger.active {\n    /* square off bottom corners */\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.aui-button-link.aui-dropdown2-trigger.active:first-child,\n.aui-button-link.aui-dropdown2-trigger.active,\n.aui-button-text.aui-dropdown2-trigger.active:first-child,\n.aui-button-text.aui-dropdown2-trigger.active {\n    box-shadow: none;\n}\n\n.aui-buttons .aui-button.aui-button-subtle.aui-dropdown2-trigger.active,\n.aui-button.aui-button-subtle.aui-dropdown2-trigger.active {\n    border-color: @aui-button-subtle-border-color;\n}\n\n.aui-button.aui-button-subtle.aui-dropdown2-trigger:hover {\n    border-color: @aui-button-subtle-dropdown2-trigger-arrow-color;\n}\n\n/* Compact Dropdown2 Trigger */\n.aui-button.aui-button-compact.aui-dropdown2-trigger:not(.aui-dropdown2-trigger-arrowless) {\n    padding-right: 21px !important; /* 8px (arrow width) + 8px (right padding) + 5 (margin between arrow and logo) */\n}\n\n.aui-button.aui-button-compact.aui-dropdown2-trigger::after {\n    margin-left: -16px; /*  Override the margin-left from below for to compensate for the smaller padding-right */\n}\n\n/* adjust padding for smaller height */\n.aui-button.aui-dropdown2-trigger.aui-button-compact.active:first-child:not(.aui-dropdown2-trigger-arrowless),\n.aui-button.aui-dropdown2-trigger.aui-button-compact.active:not(.aui-dropdown2-trigger-arrowless) {\n    padding-bottom: 3px; /* increase the padding to cater for the lack of border so the button doesn't change size */\n}\n\n/* End Compact Dropdown2 Trigger */\n.aui-button.aui-dropdown2-trigger:not(.aui-dropdown2-trigger-arrowless)::after {\n    #aui.aui-dropdown2-trigger-chevron-icon();\n}\n\n/* suppress old icon pattern for dropdown widget so we don't get double arrows */\n.aui-button.aui-dropdown2-trigger > .icon-dropdown,\n.aui-button.aui-dropdown2-trigger > .aui-icon-dropdown {\n    display: none;\n}\n\n/* INPUT does not play with ::after - dropdown2 does not support arrow styles for INPUT buttons */\n/* We cannot position arrows on aui-button-text because we don't know what size they will be all the time */\ninput.aui-button.aui-dropdown2-trigger,\n.aui-button.aui-button-text.aui-dropdown2-trigger {\n    padding-right: 10px !important; /* someone used important now we're all doomed */\n}\n\ninput.aui-button.aui-dropdown2-trigger::after,\n.aui-button.aui-button-text.aui-dropdown2-trigger::after {\n    display: none;\n}\n\n/* Dropdown2-only / Split Button\n---------- */\n.aui-buttons .aui-button.aui-button-split-more.aui-dropdown2-trigger,\n.aui-buttons .aui-button.aui-button-split-more.aui-dropdown2-trigger.active {\n    /* don't touch vertical padding or things jump around, jump around, jump up jump up and get down */\n    padding-left: 0;\n    padding-right: 0;\n    width: @aui-icon-size-small-canvas;\n    text-indent: -9999em;\n    overflow: hidden;\n\n    &::after {\n        content: @aui-glyph-more-actions;\n    }\n}\n\n/**\n * Dropdown2 triggers in header\n */\n.aui-header .aui-dropdown2-trigger.active,\n.aui-header a:focus,\n.aui-header a:hover,\n.aui-header a:active {\n    color: @aui-header-link-text-color;\n    background-color: @aui-header-link-active-bg-color;\n}\n\n/* In case showIcon is not set to false for header dropdown triggers */\n.aui-header .aui-dropdown2-trigger .aui-icon-dropdown {\n    display: none;\n}\n\n/* Styling the dropdown2 triggers differently in the header to avoid inline-block spacing issues with other icons */\n.aui-header .aui-dropdown2-trigger:not(.aui-dropdown2-trigger-arrowless)::after {\n    #aui.aui-dropdown2-trigger-chevron-icon();\n}\n\n/**\n * Dropdown2 web components\n */\naui-dropdown-group,\naui-section {\n    display: block;\n}\n\naui-dropdown-menu.aui-dropdown2 {\n    //Selector copied from above: need this for specificity, want to keep separate from the rest of the DD2 CSS.\n    .aui-dropdown2-heading, .aui-style-default .aui-dropdown2-section > strong, .aui-dropdown2.aui-style-default > strong {\n        &:empty {\n            display: none;\n        }\n    }\n}\n\n// Async dropdown\naui-dropdown-menu {\n    &:not([resolved]) {\n        display: none;\n    }\n\n    .aui-dropdown-loading {\n        padding: 5px;\n\n        .spinner {\n            display: inline-block;\n            margin: 5px;\n        }\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","\n#aui {\n    .shadow {\n        // For use on cards and other things that sit flush on top of other layers.\n        .z100() {\n            box-shadow:\n                0 1px 1px @ak-color-N40A,\n                0 0 1px 0 @ak-color-N50A;\n        }\n\n        // For inline dialogs\n        .z200() {\n            box-shadow:\n                0 4px 8px -2px @ak-color-N50A,\n                0 0 1px @ak-color-N60A;\n        }\n\n        // For modal dialogs\n        .z300() {\n            box-shadow:\n                0 8px 16px -4px @ak-color-N50A,\n                0 0 1px @ak-color-N60A;\n        }\n\n        // For flags and notifications\n        .z500() {\n            box-shadow:\n                0 20px 32px -8px @ak-color-N50A,\n                0 0 1px @ak-color-N60A;\n        }\n\n        // Deprecated since AUI 7.3\n        .inner(@inner: 0 1px 0 0 rgba(255, 255, 255, 0.1) inset) {\n            box-shadow+: @inner;\n        }\n\n        // Deprecated since AUI 7.3\n        .outer(@outer: 0 1px 1px 0 rgba(0, 0, 0, 0.2)) {\n            box-shadow+: @outer;\n        }\n\n        // Deprecated since AUI 7.3\n        .inner-and-outer(@inner: 0 1px 0 0 rgba(255, 255, 255, 0.1) inset, @outer: 0 1px 1px 0 rgba(0, 0, 0, 0.2)) {\n            .inner(@inner);\n            .outer(@outer);\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-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"],"file":"dropdown2.css"}