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

Atlassian User Interface Framework

{"version":3,"sources":["dialog.less","imports/mixins/shadows.less","imports/aui-theme/components/dialog.less","imports/mixins/typography.less","imports/aui-theme/components/navigation.less","imports/mixins.less","imports/aui-theme/components/buttons.less"],"names":[],"mappings":"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","sourcesContent":["@import './imports/global';\n\n.aui-dialog-shadow-parent {\n    position: fixed;\n    overflow: hidden;\n    left:50%;\n    top:50%;\n}\n.aui-popup {\n    background-color: @aui-dialog-bg-color;\n    left: 50%;\n    position: fixed;\n    top: 50%;\n    z-index: 3000;\n}\n.aui-dialog {\n    #aui.shadow.z300();\n    background: @aui-dialog-bg-color;\n    border: 1px solid @aui-dialog-border-color;\n    border-radius: @aui-border-radius-medium;\n    overflow: hidden;\n}\n.aui-dialog .dialog-blanket {\n    position: absolute;\n    top: 0;\n    left: 0;\n    opacity: 0.2;\n    background: @aui-blanket-bg-color;\n}\n\n/* dialog header styles */\n.aui-dialog .dialog-title {\n    #aui-dialog.aui-dialog-header-base();\n    margin: 0;\n    overflow: hidden;\n    position: relative;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n.aui-dialog h2.dialog-title {\n    #aui.typography.h600();\n    color: @aui-text-color;\n}\n\n/* dialog navigation styles */\n.aui-dialog .dialog-page-menu {\n    background: @aui-dialog-bg-color;\n    border-right: 1px solid @aui-dialog-border-color;\n    box-sizing: border-box;\n    float: left;\n    height: 100%;\n    list-style: none;\n    margin: 0;\n    overflow-x: hidden;\n    overflow-y: auto;\n    padding: 10px 10px 20px 10px;\n    width: 25%;\n}\n.aui-dialog .dialog-page-menu li.page-menu-item {\n    display: flex; // so that width: 100% will be constrained by this element.\n    margin: 0;\n    padding: 0;\n}\n.aui-dialog .dialog-page-menu li.page-menu-item button.item-button {\n    #aui-nav.item-base();\n    #aui-nav.item-style(normal);\n    background: none;\n    border: 0;\n    cursor: pointer;\n    font-family: inherit;\n    font-size: inherit;\n    text-align: left;\n    text-decoration: none;\n    width: 100%;\n}\n.aui-dialog .dialog-page-menu li.page-menu-item button.item-button:hover,\n.aui-dialog .dialog-page-menu li.page-menu-item button.item-button:focus {\n    #aui-nav.item-style(hover)\n}\n.aui-dialog .dialog-page-menu li.page-menu-item.selected button.item-button {\n    #aui-nav.item-style(selected);\n}\n.aui-dialog .dialog-page-menu li.page-menu-item button.item-button:active,\n.aui-dialog .dialog-page-menu li.page-menu-item.selected button.item-button:active {\n    #aui-nav.item-style(active);\n}\n\n/* dialog body content styles */\n.aui-dialog .dialog-page-body {\n    background: @aui-dialog-bg-color;\n}\n\n.aui-dialog .dialog-panel-body {\n    box-sizing: border-box;\n    overflow: auto;\n    padding: 20px;\n}\n.aui-dialog .dialog-panel-body > *:first-child {\n    margin-top: 0;\n}\n\n/* dialog button panel styles */\n.aui-dialog .dialog-button-panel {\n    #aui-dialog.aui-dialog-footer-base();\n    clear: both;\n    overflow: hidden;\n    text-align: right;\n    width: 100%;\n}\n.aui-dialog .dialog-button-panel button.button-panel-button {\n    #aui.box-sizing();\n    #aui-buttons.aui-button-base();\n    #aui-buttons.aui-button-style(normal);\n    line-height: 20px;\n    padding: 4px 10px;\n    vertical-align: baseline;\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}\n\n.aui-dialog .dialog-button-panel a.button-panel-link {\n    #aui-buttons.aui-link-button-style(normal);\n    display: inline-block;\n    padding: 5px 0;\n\n    &:focus,\n    &:hover {\n        #aui-buttons.aui-link-button-style(hover);\n    }\n\n    &:active {\n        #aui-buttons.aui-link-button-style(active);\n    }\n}\n\n.aui-dialog .dialog-button-panel button.button-panel-button,\n.aui-dialog .dialog-button-panel a.button-panel-link {\n    margin: 0 10px 0 0;\n}\n.aui-dialog .dialog-button-panel button.button-panel-button.left,\n.aui-dialog .dialog-button-panel a.button-panel-link.left {\n    float: left;\n    margin: 0 0 0 10px;\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 '../theme';\n\n@aui-dialog-bg-color: @ak-color-N0;\n@aui-dialog-button-hover-border-color: @aui-color-gray;\n@aui-dialog-border-color: @ak-color-N30;\n@aui-dialog-divider-width: 2px;\n@aui-dialog-padding: 20px;\n\n// Because we size the header & footer with border-box,\n// these need to account for the border size.\n@aui-dialog-header-height: 60px + @aui-dialog-divider-width; // NOTE: This value is hard-coded in dialog.js as HEADER_HEIGHT\n@aui-dialog-footer-height: 50px + @aui-dialog-divider-width; // NOTE: This value is hard-coded in dialog.js as BUTTONS_HEIGHT\n\n#aui-dialog {\n    .aui-dialog-header-base() {\n        border-bottom: @aui-dialog-divider-width solid @aui-dialog-border-color;\n        box-sizing: border-box;\n        height: @aui-dialog-header-height;\n        padding: 15px @aui-dialog-padding;\n    }\n\n    .aui-dialog-footer-base() {\n        border-top: @aui-dialog-divider-width solid @aui-dialog-border-color;\n        box-sizing: border-box;\n        height: @aui-dialog-footer-height;\n        padding: 10px;\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 '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 '../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"],"file":"dialog.css"}