@atlassian/aui/lib/css/aui-page-layout.css.map

Atlassian User Interface Framework

{"version":3,"sources":["aui-page-layout.less","imports/mixins.less"],"names":[],"mappings":"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","sourcesContent":["@import './imports/global';\n\n/**\n * PAGE LAYOUT\n */\n.aui-header,\n#footer {\n    clear: both;\n    float: left;\n    width: 100%;\n}\n\n#content {\n    box-sizing: border-box;\n    clear: both;\n    position: relative;\n}\n\n#content:before {\n    content: \"\";\n    clear: both;\n    display: table;\n}\n\n#footer .footer-body a {\n    color: @aui-footer-body-link-text-color;\n}\n\n#footer .footer-body > ul,\n#footer .footer-body > p {\n    margin: @aui-grid 0 0 0;\n}\n\n#footer .footer-body > ul:first-child,\n#footer .footer-body > p:first-child {\n    margin: 0;\n}\n\n#footer .footer-body > ul {\n    display: block;\n    font-size: 0;\n    list-style: none;\n    padding: 0;\n}\n\n#footer .footer-body > ul > li {\n    display: inline-block;\n    font-size: @aui-font-size-small;\n    line-height: unit(20 / @aui-font-size-small);\n    padding: 0;\n    white-space: nowrap;\n}\n\n#footer .footer-body > ul > li + li {\n    margin-left: @aui-grid;\n}\n\n#footer .footer-body > ul > li:after {\n    content: \"\\b7\"; /* mid dot */\n    margin-left: @aui-grid;\n    speak: none;\n}\n\n#footer .footer-body > ul > li:last-child:after {\n    display: none;\n}\n\n/**\n * DEFAULT THEME SPACING\n */\n\n#content {\n    margin: 0;\n    padding: 0;\n}\n\n/**\n * PAGE DESIGN\n */\nbody {\n    background: @aui-background-color;\n    color: @aui-text-color;\n}\n\n#footer .footer-body {\n    color: @aui-footer-body-text-color;\n    font-size: @aui-font-size-small;\n    line-height: unit(20 / @aui-font-size-small);\n    margin: (@aui-grid * 2) 0;\n    padding: 0 @aui-grid (@aui-grid * 2 + 1) @aui-grid;\n    min-height: 44px; /* margin + height of image, means footer is just as high if no footer link present */\n    text-align: center;\n}\n\n/**\n * CONTENT PANEL\n */\n#content > .aui-panel {\n    background: @aui-panel-bg-color;\n    margin: (@aui-grid * 2) 0 0 0;\n    padding: (@aui-grid * 2);\n    border-color: @aui-border-color;\n    border-style: @aui-border-style;\n    border-width: @aui-border-width 0;\n}\n\n#content > .aui-page-header {\n    padding: (@aui-grid * 2);\n}\n\n#content > .aui-page-header + .aui-panel {\n    margin-top: 0;\n}\n\n#content > .aui-page-header:first-child {\n    margin-top: 0;\n}\n\n.aui-panel + .aui-panel {\n    margin-top: (@aui-grid * 2);\n}\n\n/*! AUI Page Panel */\n.aui-page-panel {\n    background: @aui-panel-bg-color;\n    border: @aui-border-width @aui-border-type @aui-border-color;\n    border-left-width: 0;\n    border-right-width: 0;\n    box-sizing: border-box;\n    clear: both;\n    display: block;\n    margin: (@aui-grid * 2) 0 0 0;\n    padding: 0;\n    position: relative;\n    width: 100%;\n}\n\n.aui-page-panel-inner {\n    border-spacing: 0;\n    display: table;\n    table-layout: fixed;\n    width: 100%;\n}\n\n.aui-page-panel-nav,\n.aui-page-panel-content,\n.aui-page-panel-item,\n.aui-page-panel-sidebar {\n    box-sizing: border-box;\n    display: table-cell;\n    padding: (@aui-grid * 2);\n    vertical-align: top;\n}\n\n.aui-page-panel-nav {\n    border-right: @aui-border-width @aui-border-type @aui-border-color;\n    width: @aui-page-nav-width;\n\n    .aui-navgroup ~ .aui-page-panel &,\n    .aui-sidebar ~ .aui-page-panel &,\n    .aui-page-header ~ .aui-page-panel & {\n        background: @ak-color-N0;\n    }\n\n    // Standalone\n    .aui-page-panel & {\n        background: @aui-sidebar-background-color;\n    }\n}\n\n.aui-page-panel-sidebar {\n    width: @aui-page-sidebar-width;\n}\n\n.aui-page-panel-item {\n    padding: 0;\n}\n\n.aui-page-panel-nav ~ .aui-page-panel-sidebar {\n    width: (@aui-page-sidebar-width - 5);\n}\n\n/* Page Panel Interops */\n.aui-page-header + .aui-page-panel,\n.aui-navbar + .aui-page-panel {\n    margin-top: 0;\n}\n\n.aui-navbar + .aui-page-panel {\n    border-top: none;\n}\n\n.aui-page-panel-nav > .aui-nav-vertical,\n.aui-page-panel-nav > .aui-navgroup-vertical {\n    margin-left: -(@aui-grid);\n    margin-right: -(@aui-grid);\n\n    /* tree indication for nested aui-nav's.\n       it is expected that these are always expanded and no icons are added to the nav items. */\n    .aui-nav .aui-nav {\n        margin-top: 0;\n        padding: 0 0 0 (@aui-grid * 2);\n\n        > li {\n            position: relative;\n\n            &::before,\n            &::after {\n                background-color: @aui-border-color;\n                content: \"\";\n                left: -(@aui-grid / 2);\n                position: absolute;\n            }\n\n            &::before {\n                bottom: 0;\n                top: 0;\n                width: @aui-nav-subtree-indicator-width;\n            }\n\n            &::after {\n                height: @aui-nav-subtree-indicator-width;\n                top: @aui-font-size-medium;\n                width: (@aui-grid / 2);\n            }\n            &:last-child::before,\n            &.aui-nav-more::before {\n                bottom: 50%;\n            }\n        }\n    }\n}\n\n.aui-page-panel-content > .aui-navgroup-horizontal {\n    margin-left: -(@aui-grid * 2);\n    margin-right: -(@aui-grid * 2);\n}\n.aui-navgroup-horizontal + .aui-page-panel {\n    border-top: 0;\n    margin-top: 0;\n}\n.aui-page-panel-content > .aui-navgroup-horizontal:first-child {\n    margin-top: -(@aui-grid * 2);\n}\n\n/**\n * Page variations\n */\n.aui-page-focused .aui-page-header,\n.aui-page-focused .aui-page-panel,\n.aui-page-focused #footer .footer-body,\n.aui-page-notification .aui-page-header,\n.aui-page-notification .aui-page-panel,\n.aui-page-notification #footer .footer-body,\n.aui-page-fixed .aui-header-inner,\n.aui-page-fixed .aui-page-header-inner,\n.aui-page-fixed .aui-navgroup-horizontal .aui-navgroup-inner,\n.aui-page-fixed .aui-page-panel-inner,\n.aui-page-fixed #footer .footer-body,\n.aui-page-hybrid .aui-page-header,\n.aui-page-hybrid .aui-navgroup-horizontal .aui-navgroup-inner,\n.aui-page-hybrid .aui-page-panel-inner,\n.aui-page-hybrid #footer .footer-body {\n    margin-left: auto;\n    margin-right: auto;\n    width: @aui-page-width-xlarge;\n}\n\n/* extra width so left edge of hoverable content aligns with left edge of content while inactive. On hover, the hover affordance does extend outside the alignment but this looks better than the other way around. */\n.aui-page-fixed .aui-header-inner,\n.aui-page-fixed .aui-navgroup-horizontal .aui-navgroup-inner,\n.aui-page-hybrid .aui-navgroup-horizontal .aui-navgroup-inner {\n    width: (@aui-page-width-xlarge + (@aui-grid * 2));\n}\n\n.aui-page-focused,\n.aui-page-size {\n    &-small {\n        .aui-page-header,\n        .aui-page-panel,\n        #footer .footer-body {\n            width: @aui-page-width-small;\n        }\n    }\n    &-medium {\n        .aui-page-header,\n        .aui-page-panel,\n        #footer .footer-body {\n            width: @aui-page-width-medium;\n        }\n    }\n    &-large {\n        .aui-page-header,\n        .aui-page-panel,\n        #footer .footer-body {\n            width: @aui-page-width-large;\n        }\n    }\n    &-xlarge {\n        .aui-page-header,\n        .aui-page-panel,\n        #footer .footer-body {\n            width: @aui-page-width-xlarge;\n        }\n    }\n}\n\n.aui-page-focused,\n.aui-page-notification {\n    .aui-page-panel {\n        border-radius: @aui-border-radius-medium;\n        border-width: @aui-border-width;\n    }\n}\n\n.aui-page-fixed .aui-page-panel-inner,\n.aui-page-fixed #content > .aui-page-header {\n    padding-left: 0;\n    padding-right: 0;\n}\n\n.aui-page-fixed .aui-page-panel-nav:first-child,\n.aui-page-fixed .aui-page-panel-content:first-child,\n.aui-page-fixed .aui-page-panel-item:first-child,\n.aui-page-fixed .aui-page-panel-sidebar:first-child,\n.aui-page-hybrid .aui-page-panel-nav:first-child,\n.aui-page-hybrid .aui-page-panel-content:first-child,\n.aui-page-hybrid .aui-page-panel-item:first-child,\n.aui-page-hybrid .aui-page-panel-sidebar:first-child {\n    padding-left: 0;\n}\n\n.aui-page-fixed .aui-page-panel-nav:last-child,\n.aui-page-fixed .aui-page-panel-content:last-child,\n.aui-page-fixed .aui-page-panel-item:last-child,\n.aui-page-fixed .aui-page-panel-sidebar:last-child,\n.aui-page-hybrid .aui-page-panel-nav:last-child,\n.aui-page-hybrid .aui-page-panel-content:last-child,\n.aui-page-hybrid .aui-page-panel-item:last-child,\n.aui-page-hybrid .aui-page-panel-sidebar:last-child {\n    padding-right: 0;\n}\n\n/* reset to 100% inside page panel */\n.aui-page-panel .aui-page-header {\n    width: auto;\n}\n\n.aui-page-panel .aui-page-header-inner {\n    width: 100%;\n}\n\n/**\n * TABS AS FIRST CHILD IN CONTENT\n * Explicitly sets bg to white, changes horizontal hovers to work on grey.\n * Remember these extend the standard component styles.\n */\n\n#content > .aui-tabs {\n    margin: (@aui-grid * 2);\n\n    > .tabs-pane {\n        padding-top: (@aui-grid * 2);\n        padding-bottom: (@aui-grid * 2);\n    }\n}\n\n/**\n * AUI Forms inside of a focused page\n */\n\n.aui-page-focused .aui-page-panel-content > h2:first-child,\n.aui-page-notification .aui-page-panel-content > h1:first-child {\n    border-bottom: @aui-border-width @aui-border-type @aui-border-color;\n    margin-bottom: (@aui-grid * 2);\n    padding-bottom: (@aui-grid * 2);\n}\n\n.aui-page-notification {\n    .aui-page-panel {\n        margin-top: @aui-page-notification-panel-margin-top;\n    }\n\n    .aui-page-panel-content {\n        color: @aui-color-medium-gray;\n        padding: @aui-page-notification-content-padding;\n        text-align: center;\n\n        .aui-page-notification-description {\n            font-size: @aui-font-size-xlarge;\n        }\n\n        form.aui .text {\n            margin-right: @aui-page-notification-panel-content-form-text-margin-right;\n        }\n    }\n\n    &-details {\n        margin: 0 auto;\n        max-width: @aui-page-notification-details-min-width;\n        width: @aui-page-width-xlarge;\n\n        &-header {\n            color: @aui-color-medium-gray;\n            margin: @aui-page-notification-details-header-top-margin auto 0;\n            position: relative;\n            text-align: center;\n\n            &-expander {\n                display: flex;\n                align-items: center;\n                align-content: center;\n                justify-content: center;\n\n                &::before,\n                &::after {\n                    border-top: 1px solid @aui-border-color;\n                    content: '';\n                    display: block;\n                    flex: 1;\n                }\n\n                .aui-expander-trigger {\n                    background-color: @aui-button-default-bg-color;\n                    display: inline-block;\n                    padding: @aui-page-notification-details-header-expander-trigger-padding;\n                    position: relative;\n                }\n            }\n        }\n    }\n}\n\n.aui-page-focused .aui-page-panel-content > form.aui .buttons-container {\n    border-top: @aui-border-width @aui-border-type @aui-border-color;\n    margin-top: (@aui-grid * 2);\n    padding-top: (@aui-grid * 2);\n}\n\n// responsive layout mixins\n.aui-responsive-layout-full-width() {\n    .aui-page-header,\n    .aui-page-panel {\n        #aui.box-sizing(border-box);\n        width: 100%;\n    }\n\n    .aui-page-panel {\n        margin-top: 0;\n    }\n}\n\n.aui-responsive-layout-remove-borders() {\n    .aui-page-panel {\n        border-radius: 0;\n        border-left: 0;\n        border-right: 0;\n    }\n}\n\n#aui.responsive-small({\n    .aui-page-fixed,\n    .aui-page-hybrid {\n        #content > .aui-page-header,\n        .aui-page-panel-inner,\n        .aui-header-inner,\n        .aui-navgroup-horizontal .aui-navgroup-inner,\n        #footer .footer-body {\n            #aui.box-sizing(border-box);\n            width: 100%;\n        }\n    }\n\n    .aui-page-header-inner {\n      display: block;\n      width: 100%;\n    }\n\n    .aui-page-header-actions {\n        display: block;\n        width: auto;\n        text-align: left;\n        margin-top: (@aui-grid  * 2);\n        padding-left: 0;\n        padding-right: (@aui-grid * 2)\n    }\n});\n\n#aui.responsive-medium({\n    .aui-page-hybrid {\n        .aui-page-header,\n        .aui-page-panel-inner,\n        .aui-page-fixed .aui-header-inner,\n        .aui-navgroup-horizontal .aui-navgroup-inner {\n            #aui.box-sizing(border-box);\n            width: 100%;\n        }\n    }\n});\n\n#aui.responsive-large({\n    .aui-page-fixed,\n    .aui-page-hybrid {\n        #content > .aui-page-header,\n        .aui-page-panel-inner {\n            padding-left: (@aui-grid * 2);\n            padding-right: (@aui-grid * 2);\n        }\n    }\n\n    .aui-page-panel-content,\n    .aui-page-panel-sidebar {\n        display: block;\n        padding-left: 0;\n        padding-right: 0;\n        width: auto;\n    }\n\n    .aui-page-fixed .aui-header-inner,\n    .aui-page-fixed .aui-page-header-inner,\n    .aui-page-fixed .aui-page-panel-inner,\n    .aui-page-fixed #footer .footer-body {\n        box-sizing: border-box;\n        width: 100%;\n    }\n});\n\n// General responsive layout breakpoints\nhtml.aui-responsive {\n\n    // so that text in the footer wraps correctly\n    #footer .footer-body > ul > li {\n        white-space: normal;\n    }\n\n    // Focused page responsive layout breakpoints\n    @media screen and (max-width: 400px) {\n        .aui-page-focused-small {\n            .aui-responsive-layout-full-width();\n            .aui-responsive-layout-remove-borders();\n        }\n    }\n\n    @media screen and (max-width: 600px) {\n        .aui-page-focused-medium {\n            .aui-responsive-layout-full-width();\n            .aui-responsive-layout-remove-borders();\n        }\n    }\n\n    @media screen and (max-width: 800px) {\n        .aui-page-focused-large {\n            .aui-responsive-layout-full-width();\n            .aui-responsive-layout-remove-borders();\n        }\n    }\n\n    @media screen and (max-width: 980px) {\n        .aui-page-focused-xlarge {\n            .aui-responsive-layout-full-width();\n            .aui-responsive-layout-remove-borders();\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"],"file":"aui-page-layout.css"}