@atlassian/aui/lib/css/inline-dialog.css.map

Atlassian User Interface Framework

{"version":3,"sources":["inline-dialog.less","imports/mixins.less","imports/mixins/shadows.less"],"names":[],"mappings":"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","sourcesContent":["@import './imports/global';\n\n/*! AUI Inline Dialog */\n\naui-inline-dialog {\n    display: block;\n    position: absolute;\n    z-index: 100;\n\n    // Handle FOUC\n    &:not([resolved]) {\n        display: none;\n    }\n\n    .aui-inline-dialog-contents,\n    .contents {\n        overflow-y: auto;\n    }\n\n    &.aui-layer[aria-hidden=\"true\"] {\n        #aui.transition.fadeOut();\n        display: block;\n    }\n\n    &.aui-layer[aria-hidden=\"false\"] {\n        #aui.transition.fadeIn();\n    }\n\n    &.aui-layer {\n        height: auto;\n    }\n\n\n    // 'top _' alignment\n    &.aui-alignment-side-top {\n        padding-bottom: @aui-inline-dialog2-offset-default;\n        padding-top: 0;\n\n        &:before,\n        &:after {\n            top: calc(~\"100%\" - @aui-inline-dialog2-offset-default);\n            #aui.transform-rotate(180deg);\n        }\n\n        &:after {\n            top: calc(~\"100%\" - (@aui-inline-dialog2-offset-default + @aui-inline-dialog2-arrow-border-width));\n        }\n\n        // The flipped case\n        &.aui-alignment-element-attached-top {\n            padding-bottom: 0;\n            padding-top: @aui-inline-dialog2-offset-default;\n\n            &:before,\n            &:after {\n                #aui.transform-rotate(0deg);\n                top: (@aui-inline-dialog2-offset-default - @aui-inline-dialog2-arrow-side-length);\n            }\n\n            &:after {\n                top: (@aui-inline-dialog2-offset-default - @aui-inline-dialog2-arrow-side-length + @aui-inline-dialog2-arrow-border-width);\n            }\n        }\n    }\n\n    // 'bottom _' alignment\n    &.aui-alignment-side-bottom {\n        padding-bottom: 0;\n        padding-top: @aui-inline-dialog2-offset-default;\n\n        &:before {\n            top: (@aui-inline-dialog2-offset-default - @aui-inline-dialog2-arrow-side-length);\n        }\n        &:after {\n            top: (@aui-inline-dialog2-offset-default - @aui-inline-dialog2-arrow-side-length + @aui-inline-dialog2-arrow-border-width);\n        }\n\n        // The flipped case\n        &.aui-alignment-element-attached-bottom {\n            padding-bottom: @aui-inline-dialog2-offset-default;\n            padding-top: 0;\n\n            &:before,\n            &:after {\n                top: calc(~\"100%\" - @aui-inline-dialog2-offset-default);\n                #aui.transform-rotate(180deg);\n            }\n\n            &:after {\n                top: calc(~\"100%\" - (@aui-inline-dialog2-offset-default + @aui-inline-dialog2-arrow-border-width));\n            }\n        }\n    }\n\n    // 'left _' alignment\n    &.aui-alignment-side-left {\n        padding-left: 0;\n        padding-right: @aui-inline-dialog2-offset-default;\n\n        &:before,\n        &:after {\n            left: calc(~\"100%\" - (@aui-inline-dialog2-offset-default + (@aui-inline-dialog2-arrow-side-length / 2)));\n            #aui.transform-rotate(90deg);\n        }\n\n        &:after {\n            left: calc(~\"100%\" - (@aui-inline-dialog2-offset-default + (@aui-inline-dialog2-arrow-side-length / 2) + @aui-inline-dialog2-arrow-border-width));\n        }\n\n        // The flipped case\n        &.aui-alignment-element-attached-left {\n            padding-left: @aui-inline-dialog2-offset-default;\n            padding-right: 0;\n\n            &:before,\n            &:after {\n                #aui.transform-rotate(-90deg);\n                left: (@aui-inline-dialog2-offset-default - (@aui-inline-dialog2-arrow-side-length * 1.5));\n            }\n\n            &:after {\n                left: (@aui-inline-dialog2-offset-default - (@aui-inline-dialog2-arrow-side-length * 1.5) + @aui-inline-dialog2-arrow-border-width);\n            }\n        }\n    }\n\n    // 'right _' alignment\n    &.aui-alignment-side-right {\n        padding-left: @aui-inline-dialog2-offset-default;\n        padding-right: 0;\n\n        &:before,\n        &:after {\n            #aui.transform-rotate(-90deg);\n            left: (@aui-inline-dialog2-offset-default - (@aui-inline-dialog2-arrow-side-length * 1.5));\n        }\n\n        &:after {\n            left: (@aui-inline-dialog2-offset-default - (@aui-inline-dialog2-arrow-side-length * 1.5) + @aui-inline-dialog2-arrow-border-width);\n        }\n\n        // The flipped case\n        &.aui-alignment-element-attached-right {\n            padding-left: 0;\n            padding-right: @aui-inline-dialog2-offset-default;\n\n            &:before,\n            &:after {\n                left: calc(~\"100%\" - (@aui-inline-dialog2-offset-default + (@aui-inline-dialog2-arrow-side-length / 2)));\n                #aui.transform-rotate(90deg);\n            }\n\n            &:after {\n                left: calc(~\"100%\" - (@aui-inline-dialog2-offset-default + (@aui-inline-dialog2-arrow-side-length / 2) + @aui-inline-dialog2-arrow-border-width));\n            }\n        }\n    }\n\n    // '_ left' alignment\n    &.aui-alignment-snap-left:before,\n    &.aui-alignment-snap-left:after {\n        left: ((@aui-inline-dialog2-arrow-side-length / 2) + @aui-inline-dialog2-arrow-edge-offset);\n    }\n\n    // '_ center' alignment\n    &.aui-alignment-snap-center:before,\n    &.aui-alignment-snap-center:after {\n        left: calc(~\"50%\" - (@aui-inline-dialog2-arrow-side-length));\n    }\n\n    // '_ right' alignment\n    &.aui-alignment-snap-right:before,\n    &.aui-alignment-snap-right:after {\n        left: calc(~\"100%\" - ((@aui-inline-dialog2-arrow-side-length * 2.5) + @aui-inline-dialog2-arrow-edge-offset));\n    }\n\n    // '_ top' alignment\n    &.aui-alignment-snap-top:before,\n    &.aui-alignment-snap-top:after {\n        top: (@aui-inline-dialog2-arrow-side-length + @aui-inline-dialog2-arrow-edge-offset);\n    }\n\n    // '_ middle' alignment\n    &.aui-alignment-snap-middle:before,\n    &.aui-alignment-snap-middle:after {\n        top: calc(~\"50%\" - (@aui-inline-dialog2-arrow-side-length / 2));\n    }\n\n    // '_ bottom' alignment\n    &.aui-alignment-snap-bottom:before,\n    &.aui-alignment-snap-bottom:after {\n        top: calc(~\"100%\" - (@aui-inline-dialog2-arrow-side-length * 2) + @aui-inline-dialog2-arrow-edge-offset);\n    }\n\n    &:before,\n    &:after {\n        border-left: @aui-inline-dialog2-arrow-side-length solid transparent;\n        border-right: @aui-inline-dialog2-arrow-side-length solid transparent;\n        border-bottom: @aui-inline-dialog2-arrow-side-length solid @aui-inline-dialog-bg-color;\n        border-top: 0px;\n        content: \"\";\n        display: inline-block;\n        height: 0;\n        position: absolute;\n        width: 0;\n    }\n\n    &:before {\n        border-bottom-color: @aui-inline-dialog-border-color;\n    }\n}\n\n.aui-inline-dialog {\n    display: none;\n    position: absolute;\n    z-index: 100;\n}\n\naui-inline-dialog, .aui-inline-dialog {\n    .aui-inline-dialog-contents,\n    .contents {\n        #aui.shadow.z200();\n        background: @aui-inline-dialog-bg-color;\n        border: 0 solid @aui-inline-dialog-border-color;\n        border-radius: @aui-border-radius-small;\n        overflow: hidden;\n        padding: 20px;\n    }\n\n    .aui-inline-dialog-contents.aui-inline-dialog-no-shadow,\n    .contents.aui-inline-dialog-no-shadow {\n        box-shadow: none;\n    }\n\n\n    .aui-inline-dialog-contents.aui-inline-dialog-auto-width,\n    .contents.aui-inline-dialog-auto-width {\n        width: auto;\n    }\n\n    /* Inline Dialog + Forms Integration - top labels and full width fields supported */\n    /* funny numbers to add up to 20px spacing in various places (border to cap height/baseline) */\n    .aui-inline-dialog-contents form.aui h2:first-child,\n    .contents form.aui h2:first-child {\n        border-bottom: 1px solid @aui-inline-dialog-border-color;\n        margin: -7px 0 11px 0;\n        padding: 0 0 12px 0;\n    }\n    .aui-inline-dialog-contents form.aui .buttons-container,\n    .contents form.aui .buttons-container {\n        margin-top: 16px;\n        padding: 0;\n    }\n    .aui-inline-dialog-contents .submit + .cancel,\n    .contents .submit + .cancel {\n        margin-left: 0;\n    }\n\n    /*Inline Dialog Arrow */\n\n    .aui-inline-dialog-arrow,\n    .arrow {\n        position: absolute;\n        height: 16px; /* for SVG positioning */\n        top: -7px; /* matches #inline-dialog-shim */\n        width: 16px; /* for SVG positioning */\n    }\n\n    .aui-inline-dialog-arrow.aui-css-arrow,\n    .arrow.aui-css-arrow {\n        width: 1px;\n    }\n\n    .aui-inline-dialog-arrow.aui-css-arrow::after,\n    .arrow.aui-css-arrow::after,\n    .aui-inline-dialog-arrow.aui-css-arrow::before,\n    .arrow.aui-css-arrow::before {\n        border-color: @aui-inline-dialog-border-color transparent;\n        border-style: solid;\n        border-width: 0 8px 8px;\n        content: \"\";\n        left: -8px;\n        position: absolute;\n        top: 0;\n    }\n\n    .aui-inline-dialog-arrow.aui-css-arrow:after,\n    .arrow.aui-css-arrow:after {\n        border-bottom-color: @aui-inline-dialog-bg-color;\n        top: 1px;\n    }\n\n    .aui-inline-dialog-arrow.aui-css-arrow.aui-bottom-arrow:after,\n    .arrow.aui-css-arrow.aui-bottom-arrow:after,\n    .aui-inline-dialog-arrow.aui-css-arrow.aui-bottom-arrow:before,\n    .arrow.aui-css-arrow.aui-bottom-arrow:before {\n        border-width: 8px 8px 0;\n    }\n\n    .aui-inline-dialog-arrow.aui-css-arrow.aui-bottom-arrow:after,\n    .arrow.aui-css-arrow.aui-bottom-arrow:after {\n        border-top-color: @aui-inline-dialog-bg-color;\n        top: -1px;\n    }\n\n    .aui-inline-dialog-arrow.aui-css-arrow.aui-right-arrow,\n    .arrow.aui-css-arrow.aui-right-arrow {\n        right: -7px;\n    }\n\n    .aui-inline-dialog-arrow.aui-css-arrow.aui-left-arrow:after,\n    .arrow.aui-css-arrow.aui-left-arrow:after,\n    .aui-inline-dialog-arrow.aui-css-arrow.aui-left-arrow:before,\n    .arrow.aui-css-arrow.aui-left-arrow:before {\n        border-width: 8px 8px 8px 0;\n        border-color: transparent @aui-inline-dialog-border-color;\n    }\n\n    .aui-inline-dialog-arrow.aui-css-arrow.aui-left-arrow:after,\n    .arrow.aui-css-arrow.aui-left-arrow:after {\n        border-color: transparent @aui-inline-dialog-bg-color transparent transparent;\n        top: 0;\n        right: 0;\n    }\n\n    .aui-inline-dialog-arrow.aui-css-arrow.aui-right-arrow:after,\n    .arrow.aui-css-arrow.aui-right-arrow:after,\n    .aui-inline-dialog-arrow.aui-css-arrow.aui-right-arrow:before,\n    .arrow.aui-css-arrow.aui-right-arrow:before {\n        border-width: 8px 0 8px 8px;\n        border-color: transparent @aui-inline-dialog-border-color;\n        left: -7px;\n    }\n}\n\n.aui-inline-dialog .aui-inline-dialog-arrow.aui-css-arrow.aui-right-arrow:after,\n.aui-inline-dialog .arrow.aui-css-arrow.aui-right-arrow:after {\n    border-color: transparent transparent transparent @aui-inline-dialog-bg-color;\n    top: 0;\n    right: 0;\n    left: -8px;\n}\n\n/* Shim is for lte IE9 - class is added via JS */\n.inline-dialog-shim {\n    border: none;\n    display: block;\n    height: 0;\n    left: 0;\n    position: absolute;\n    top: 0;\n    width: 0;\n    z-index: -2;\n}\n\n#inline-dialog-shim {\n    display: none;\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"],"file":"inline-dialog.css"}