@atlassian/aui/lib/css/form-notification.css.map

Atlassian User Interface Framework

{"version":3,"sources":["form-notification.less","imports/aui-theme/core/icons.less"],"names":[],"mappings":";;;AAMI,MAAC,oCACG;EACI,4BAAA;;AAFR,MAAC,oCAKG;EACI,yBAAA;;AANR,MAAC,oCASG;EACI,2BAAA;;AAVR,MAAC,oCAaG;EACI,yBAAA;EACA,cAAA;;AAIR,MAAC,mCACG;EACI,4BAAA;;AAFR,MAAC,mCAKG;EACI,yBAAA;;AANR,MAAC,mCASG;EACI,2BAAA;;AAVR,MAAC,mCAaG;EACI,yBAAA;EACA,yBAAA;EACA,cAAA;;AAhBR,MAAC,mCAaG,aAKI;EACI,cAAA;EACA,qBAAA;;AAKR,MAzBH,mCAyBI;EACG,SAAS,EAAT;EACA,SAAA;EACA,kBAAA;EACA,QAAA;;AAGJ,MAhCH,mCAgCI,SAAS;EACN,gCAAA;EACA,mCAAA;EACA,oCAAA;EACA,gBAAA;EACA,aAAA;EACA,UAAA;EACA,SAAA;;AAGJ,MA1CH,mCA0CI,SAAS;EACN,mBAAA;EACA,mCAAA;EACA,oCAAA;EACA,6BAAA;EACA,gBAAA;EACA,UAAA;EACA,SAAA;;AAGJ,MApDH,mCAoDI,QAAQ;EACL,qCAAA;EACA,iBAAA;EACA,+BAAA;EACA,kCAAA;EACA,UAAA;EACA,gBAAA;EACA,QAAA;;AAKR,MAAC;EACG,uBAAA;EACA,YAAA;;AAFJ,MAAC,8BAIG;EACI,iBAAA;EACA,aAAA;EACA,WAAA;EACA,MAAA;;AARR,MAAC,8BAWG;EACI,iBAAA;EACA,gBAAA;EACA,WAAA;;AAdR,MAAC,8BAiBG;EACI,iBAAA;EACA,gBAAA;EACA,UAAA;;AApBR,MAAC,8BAwBG;EACI,kBAAA;;AAzBR,MAAC,8BA2BG;EACI,aAAA;EACA,gBAAA;;;;;AASZ,4BAA4B,YAAU;EAIlC,cAAA;;AAHA,4BADwB,YAAU,sBACjC;EACG,SClHgB,ODkHhB;;AAKR,+BAA+B,YAAU;EAIrC,cAAA;;AAHA,+BAD2B,YAAU,sBACpC;EACG,SC9HiB,OD8HjB;;AAKR,6BAA6B,YAAU;EAInC,cAAA;;AAHA,6BADyB,YAAU,sBAClC;EACG,SCjIuB,ODiIvB;;AAKR,6BAA6B,oCAAoC,YAAU;EACvE,kBAAA;;AAIJ;EACI,gBAAA;EACA,eAAA;EACA,mBAAA;;AAOI,IAHJ,IAAK,MAEJ,6BACI,IAAI;AAAL,IAFJ,IAAK,UACJ,6BACI,IAAI;EACD,mBAAA;;AAFR,IAFA,IAAK,MAEJ,6BAIG;AAJJ,IADA,IAAK,UACJ,6BAIG;EACI,cAAA;EACA,aAAA;EACA,kBAAA;EACA,WAAA;EACA,QAAA;EACA,mBAAA;;AAUJ,IAJJ,IACA,UAGK;AAAD,IAJJ,IAEA,MAEK;AAAD,IAJJ,IAGA,UACK;EACG,qBAAA;;AAEJ,IAPJ,IACA,UAMK;AAAD,IAPJ,IAEA,MAKK;AAAD,IAPJ,IAGA,UAIK;EACG,qBAAA","sourcesContent":["@import './imports/global';\n\n/*\n    Tipsy's\n*/\n.tipsy {\n    &.aui-form-notification-tooltip-error {\n        .tipsy-arrow-n {\n            border-bottom-color: @aui-notification-error-color;\n        }\n\n        .tipsy-arrow-s {\n            border-top-color: @aui-notification-error-color;\n        }\n\n        .tipsy-arrow-w {\n            border-right-color: @aui-notification-error-color;\n        }\n\n        .tipsy-inner {\n            background-color: @aui-notification-error-color;\n            color: @aui-notification-error-text-color;\n        }\n    }\n\n    &.aui-form-notification-tooltip-info {\n        .tipsy-arrow-n {\n            border-bottom-color: @aui-notification-info-color;\n        }\n\n        .tipsy-arrow-s {\n            border-top-color: @aui-notification-info-color;\n        }\n\n        .tipsy-arrow-w {\n            border-right-color: @aui-notification-info-color;\n        }\n\n        .tipsy-inner {\n            background-color: @aui-notification-info-color;\n            border: 1px solid @aui-notification-info-border-color;\n            color: @aui-notification-info-text-color;\n\n            a {\n                color: @aui-notification-info-link-color;\n                text-decoration: none;\n            }\n        }\n\n        //Give the arrow a border colour with pseudo elements\n        &:before {\n            content: '';\n            height: 0;\n            position: absolute;\n            width: 0;\n        }\n\n        &.tipsy-ne:before {\n            border-bottom: @aui-notification-arrow-and-border-size @aui-notification-info-border-color solid;\n            border-left: @aui-notification-arrow-and-border-size transparent dashed;\n            border-right: @aui-notification-arrow-and-border-size transparent dashed;\n            border-top: none;\n            margin-top: 0;\n            right: @aui-notification-arrow-bottom-right-position - @aui-notification-arrow-border;\n            top: -1px;\n        }\n\n        &.tipsy-se:before {\n            border-bottom: none;\n            border-left: @aui-notification-arrow-and-border-size transparent dashed;\n            border-right: @aui-notification-arrow-and-border-size transparent dashed;\n            border-top: @aui-notification-arrow-and-border-size @aui-notification-info-border-color solid;\n            margin-top: -(@aui-notification-tipsy-padding + @aui-notification-arrow-border);\n            right: @aui-notification-arrow-bottom-right-position - @aui-notification-arrow-border;\n            top: 100%;\n        }\n\n        &.tipsy-w:before {\n            border-bottom: @aui-notification-arrow-and-border-size transparent dashed;\n            border-left: none;\n            border-right: @aui-notification-arrow-and-border-size @aui-notification-info-border-color solid;\n            border-top: @aui-notification-arrow-and-border-size transparent dashed;\n            left: -@aui-notification-arrow-and-border-size + @aui-notification-tipsy-padding;\n            margin-top: -@aui-notification-arrow-and-border-size;\n            top: 50%;\n        }\n    }\n\n    //Resize all notification tipsy arrows slightly\n    &.aui-form-notification-tooltip {\n        line-height: @aui-notification-line-height;\n        padding: @aui-notification-tipsy-padding;\n\n        .tipsy-arrow-n {\n            border-width: @aui-notification-arrow-size;\n            margin-top: 0;\n            right: @aui-notification-arrow-bottom-right-position;\n            top: 0;\n        }\n\n        .tipsy-arrow-s {\n            border-width: @aui-notification-arrow-size;\n            margin-top: -@aui-notification-arrow-size;\n            right: @aui-notification-arrow-bottom-right-position;\n        }\n\n        .tipsy-arrow-w {\n            border-width: @aui-notification-arrow-size;\n            margin-top: -@aui-notification-arrow-size;\n            left: -@aui-notification-arrow-border;\n        }\n\n        //Stacked messages\n        ul {\n            padding-left: @aui-notification-list-padding;\n        }\n        .tipsy-inner {\n            padding: @aui-notification-tipsy-inner-padding;\n            text-align: left;\n        }\n    }\n}\n\n/*\n    Icons.\n*/\n//Order is important for display preference\n[data-aui-notification-info]+.aui-icon.aui-icon-notification {\n    &:before {\n        content: @aui-notification-info-icon;\n    }\n    color: @aui-notification-info-icon-color;\n}\n\n[data-aui-notification-success]+.aui-icon.aui-icon-notification {\n    &:before {\n        content: @aui-notification-success-icon;\n    }\n    color: @aui-notification-success-color;\n}\n\n[data-aui-notification-error]+.aui-icon.aui-icon-notification {\n    &:before {\n        content: @aui-notification-error-icon;\n    }\n    color: @aui-notification-error-color;\n}\n\n[data-aui-notification-field].aui-form-notification-field-no-icon+.aui-icon.aui-icon-notification {\n    visibility: hidden;\n}\n\n//By default icons are outside of fields\n.aui-icon-notification {\n    margin-left: @aui-notification-icon-outside-field-offset-right;\n    margin-top: @aui-notification-icon-outside-field-offset-top;\n    vertical-align: top;\n}\n\n//Icons: Should display icons in fields if text, password or textarea.\nform.aui .text,\nform.aui .password {\n    &[data-aui-notification-field] {\n        &:not(.aui-form-notification-field-no-icon) {\n            padding-right: (@aui-notification-icon-outside-field-width + @aui-notification-icon-outside-field-padding-right + @aui-notification-icon-outside-field-padding-left);\n        }\n        + .aui-icon-notification {\n            margin-left: 0;\n            margin-top: 0;\n            position: relative;\n            right: (@aui-notification-icon-outside-field-width + @aui-notification-icon-outside-field-padding-right);\n            top: @aui-notification-icon-outside-field-padding-top;\n            vertical-align: top;\n        }\n    }\n}\n\n//Borders: Components that should have coloured borders\nform.aui {\n    .password,\n    .text,\n    .textarea {\n        &[data-aui-notification-error] {\n            border-color: @aui-notification-error-color;\n        }\n        &[data-aui-notification-success] {\n            border-color: @aui-notification-success-color;\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":"form-notification.css"}