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

Atlassian User Interface Framework

{"version":3,"sources":["messages.less","imports/mixins.less","imports/mixins/icon-pseudoelement.less","imports/aui-theme/core/icons.less"],"names":[],"mappings":"AAEA;EACI,cAAA;EACA,kBAAA;;AAGJ;EAGI,mBAAA;EACA,yBAAA;EACA,kBAAA;EACA,cAAA;EACA,iBAAA;EACA,kBAAA;EACA,yBAAA;EACA,oBAAA;EACA,kBAAA;EACA,mBAAA;EACA,iBAAA;EACA,kBAAA;EACA,qBAAA;EACA,kBAAA;;;ACuHI,YAAC;ECzID,kCAAA;EACA,mCAAA;EACA,4BAAA;EACA,aCJe,YDIf;EACA,mBAAA;EACA,kBAAA;EACA,WAAA;EDqII,cAAA;EACA,eAAA;EACA,UAAA;EACA,iBAAA;EACA,kBAAA;EACA,SAAA;;AAIJ,YAAC;EACG,aAAA;;AAMJ,YAAC;EACG,SElJY,OFkJZ;EACA,cAAA;;ADvIR,YAAE,UAAS;EACP,sBAAA;EACA,cAAA;EACA,oBAAA;;AAGA,YANF,UAAS,WAMN;EE5BD,kCAAA;EACA,mCAAA;EACA,4BAAA;EACA,aCJe,YDIf;EACA,mBAAA;EACA,kBAAA;EACA,WAAA;EFwBI,SGvBM,OHuBN;EACA,eAAA;;AAEJ,YAXF,UAAS,WAWN;EACG,cAAA;;AAhCZ,YAqCI;AArCJ,YAsCI;AAtCJ,YAuCI;AAvCJ,YAwCI;AAxCJ,YAyCI;AAzCJ,YA0CI;AA1CJ,YA2CI;AA3CJ,YA4CI;AA5CJ,YA6CI;AA7CJ,YA8CI;AA9CJ,YA+CI;AA/CJ,YAgDI;EACI,aAAA;;AAIR,WAAW;AACX,YAAY;EACR,aAAA;;AAGJ,UAAW,aAAY;AACvB,WAAY,aAAY;EACpB,aAAA;;;AAIJ,YAAY;AACZ;EACI,mBAAA;EACA,qBAAA;EACA,cAAA;;ACqFI,YDzFI,MCyFH;AAAD,kBAAC;EACG,SEnJmB,OFmJnB;EACA,cAAA;;ADnFZ,YAAY;AACZ;EACI,mBAAA;EACA,qBAAA;EACA,cAAA;;AC6EI,YDjFI,QCiFH;AAAD,oBAAC;EACG,SEpJqB,OFoJrB;EACA,cAAA;;AD3EZ,YAAY;AACZ;AACA,YAAY;AACZ;EACI,mBAAA;EACA,qBAAA;EACA,cAAA;;ACmEI,YDzEI,KCyEH;AAAD,iBAAC;AAAD,YDvEI,KCuEH;AAAD,iBAAC;EACG,SElJY,OFkJZ;EACA,cAAA;;ADjEZ,YAAY;AACZ;EACI,mBAAA;EACA,qBAAA;EACA,cAAA;;AC2DI,YD/DI,QC+DH;AAAD,oBAAC;EACG,SEvJa,OFuJb;EACA,cAAA;;;ADvDZ,YAAa,EAAC;EACV,iBAAA;;;AAIJ,YAAa,EAAC,MAAO;EACjB,oBAAA;;AAGJ,YAAY;EAEJ,mBAAA;;AAFR,YAAY,UAKR;EACI,eAAA;EACA,UAAA;EACA,UAAA;EACA,kBAAA;EACA,WAAA;EACA,SAAA;;AAGJ,YAdQ,UAcP,MAAO;AAdZ,YAAY,UAeR,YAAW;AACX,YAhBQ,UAgBP,IAAI,UAAU,IAAI,iBAAkB;EACjC,UAAA;;;;AAOR,OAAQ;EACJ,iBAAA;EACA,kBAAA;EACA,gBAAA","sourcesContent":["@import './imports/global';\n\naui-message {\n    display: block;\n    margin: @aui-message-stacked-spacing 0 0 0;\n}\n\n.aui-message {\n    #aui.icon-bar();\n\n    background: @aui-color-white;\n    border: 1px solid @aui-message-default-border-color;\n    border-radius: @aui-message-border-radius;\n    color: @aui-message-text-color;\n    line-height: @aui-message-line-height;\n    margin: @aui-message-stacked-spacing 0 0 0;\n    overflow-wrap: break-word;\n    padding-bottom: @aui-message-vertical-padding;\n    padding-left: (@aui-message-side-width + ( @aui-message-padding-left / 2));\n    padding-right: @aui-message-padding-right;\n    padding-top: @aui-message-vertical-padding;\n    position: relative;\n    word-wrap: break-word;\n    word-break: normal;\n\n    #aui.icon-glyph(@aui-message-info-icon-glyph, @aui-message-info-icon-color);\n\n    & .aui-icon.icon-close {\n        background-image: none;\n        color: @aui-message-close-icon-color;\n        text-indent: inherit;\n\n        //The close cross\n        &::before {\n            #aui.icon-pseudoelement(@aui-icon-font-family);\n            content: @aui-message-close-icon-glyph;\n            font-size: @aui-message-icon-size;\n        }\n        &:hover {\n            color: @aui-color-charcoal;\n        }\n    }\n\n    /** deprecated; replaced with icon font */\n    .aui-icon-success,\n    .aui-icon-warning,\n    .aui-icon-info,\n    .aui-icon-error,\n    .aui-icon-hint,\n    .aui-icon-generic,\n    .icon-generic,\n    .icon-error,\n    .icon-hint,\n    .icon-info,\n    .icon-success,\n    .icon-warning {\n        display: none;\n    }\n}\n\naui-message:first-child,\n.aui-message:first-child {\n    margin-top: 0;\n}\n\n.aui-popup .aui-message.closeable,\n.aui-dialog .aui-message.closeable {\n    z-index: 4000;\n}\n\n/* DEPRECATED .error, .warning, .hint, .info, .success */\n.aui-message.error,\n.aui-message-error {\n    background: @aui-message-error-bg-color;\n    border-color: @aui-message-error-border-color;\n    color: @aui-message-error-text-color;\n    #aui.icon-glyph(@aui-message-error-icon-glyph, @aui-message-error-icon-color);\n}\n\n.aui-message.warning,\n.aui-message-warning {\n    background: @aui-message-warning-bg-color;\n    border-color: @aui-message-warning-border-color;\n    color: @aui-message-warning-text-color;\n    #aui.icon-glyph(@aui-message-warning-icon-glyph, @aui-message-warning-icon-color);\n}\n\n.aui-message.hint,\n.aui-message-hint,\n.aui-message.info,\n.aui-message-info {\n    background: @aui-message-info-bg-color;\n    border-color: @aui-message-info-border-color;\n    color: @aui-message-info-text-color;\n    #aui.icon-glyph(@aui-message-info-icon-glyph, @aui-message-info-icon-color);\n}\n\n.aui-message.success,\n.aui-message-success {\n    background: @aui-message-success-bg-color;\n    border-color: @aui-message-success-border-color;\n    color: @aui-message-success-text-color;\n    #aui.icon-glyph(@aui-message-success-icon-glyph, @aui-message-success-icon-color);\n}\n\n/* Message titles */\n\n.aui-message p.title {\n    font-weight: bold;\n}\n\n/* IE double bolds otherwise... */\n.aui-message p.title strong {\n    font-weight: inherit;\n}\n\n.aui-message.closeable {\n    & {\n        padding-right: (@aui-message-side-width + ( @aui-message-close-icon-padding / 2));;\n    }\n\n    .icon-close {\n        cursor: pointer;\n        left: auto;\n        opacity: 0;\n        position: absolute;\n        right: @aui-message-close-icon-padding;\n        top: @aui-message-close-icon-padding;\n    }\n\n    &:hover .icon-close,\n    .icon-close:focus,\n    &:not(.fadeout):not(.aui-will-close) .icon-close {\n        opacity: 1;\n    }\n}\n\n/* End aui-icon position */\n\n/* Footer interop (provisional, just enough to stop them looking broken) */\n#footer .aui-message {\n    margin-left: 20px;\n    margin-right: 20px;\n    text-align: left;\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/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"],"file":"messages.css"}