{"version":3,"sources":["aui-sidebar-skeleton.less","imports/mixins.less","imports/mixins/typography.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"],"file":"aui-sidebar-skeleton.css"}