@atlassian/aui
Version:
Atlassian User Interface Framework
1 lines • 11.3 kB
Source Map (JSON)
{"version":3,"sources":["aui-icons.less","imports/mixins/icon-pseudoelement.less","imports/aui-theme/core/icons.less"],"names":[],"mappings":";;;;;;;;;AAYA;EACI,4BAAA;EACA,wBAAA;EACA,YAAA;EACA,qBAAA;EACA,YAAA;EACA,SAAA;EACA,UAAA;EACA,gBAAA;EACA,mBAAA;EACA,2BAAA;EACA,WAAA;;AAGJ;AACA;EACI,cAAA;EACA,kBAAA;EACA,wBAAA;;AAEA,eAAC;AAAD,eAAC;EC3BG,kCAAA;EACA,mCAAA;EACA,4BAAA;EACA,aCJe,YDIf;EACA,mBAAA;EACA,kBAAA;EACA,WAAA;EDuBA,cAAA;EACA,OAAA;EACA,cAAA;EACA,kBAAA;EACA,cAAA;EACA,QAAA;;AAIR;EACI,YAAA;EACA,WAAA;;AAGJ;EACI,YAAA;EACA,WAAA;;AAGJ,eAAe;EACX,eAAA;EACA,gBAAA;;AAGJ,eAAe;EACX,eAAA;EACA,iBAAA;;AAGJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACI,4BAAA;;AAGJ,SAAS;AACT,SAAS;AACT,SAAS;AACT,SAAS;AACT,SAAS;AACT,SAAS;AACT,SAAS;AACT,SAAS;AACT,SAAS;AACT,SAAS;EACL,mCAAA;;EACA,YAAA;EACA,wBAAA;EACA,WAAA;;;AAKJ;;EAEI,sBAAsB,yKAAtB;EACA,YAAA;;AAEJ;;EAEI,sBAAsB,qLAAtB;EACA,YAAA;;AAEJ;;EAEI,sBAAsB,6JAAtB;;AAEJ;;EAEI,sBAAsB,6JAAtB;;AAEJ;;EAEI,sBAAsB,6JAAtB;;AAEJ;;EAEI,sBAAsB,6JAAtB;;AAEJ;;EAEI,sBAAsB,6IAAtB;;AAEJ;;EAEI,sBAAsB,iJAAtB;;AAEJ;;EAEI,sBAAsB,yJAAtB;;AAEJ;;EAEI,sBAAsB,yJAAtB;;;AAKJ,IAAI,IAAK;AACT;;EAEI,sBAAsB,iMAAtB;;AAEJ,IAAI,IAAK;AACT;;EAEI,sBAAsB,qMAAtB;;AAGJ;;EAEI,sBAAsB,iMAAtB;;AAGJ,IAAI,IAAK;AACT;;EAEI,sBAAsB,6UAAtB;;AAEJ,IAAI,IAAK;AACT;AACA,IAAI,IAAK;AACT;;EAEI,sBAAsB,ieAAtB;;;AAKJ,YAAa;AACb;;EAEI,sBAAsB,iLAAtB;;AAEJ,YAAa;AACb,YAAY,MAAO;AACnB;;EAEI,sBAAsB,qLAAtB;;;;;AAOJ;EACI,6BAAA;EACA,yBAAA;EACA,SAAS,EAAT;EACA,qBAAA;EACA,SAAA;EACA,gBAAA;EACA,gBAAA;EACA,mBAAA;EACA,kBAAA;EACA,wBAAA;EACA,QAAA","sourcesContent":["@import 'imports/global';\n\n/**\n* Basic icon styles. Allows you to easily render sprite icons.\n*\n* .aui-icon must be present on all iconified elements\n* All iconified elements must include class names prefixed with 'aui-icon-'\n* Icons assume light backgrounds. Icon classnames for dark backgrounds must be suffixed with '-d'\n* For elements whose background changes in app, we advise maintaining light/dark state in the app.\n*\n*/\n\n.aui-icon {\n background-repeat: no-repeat;\n background-position: 0 0;\n border: none;\n display: inline-block;\n height: @aui-icon-size-small;\n margin: 0;\n padding: 0;\n text-align: left;\n text-indent: -999em;\n vertical-align: text-bottom;\n width: @aui-icon-size-small;\n}\n\n.aui-icon-small,\n.aui-icon-large {\n line-height: 0;\n position: relative;\n vertical-align: text-top;\n\n &::before {\n #aui.icon-pseudoelement(@aui-icon-font-family);\n color: inherit;\n left: 0;\n line-height: 1;\n position: absolute;\n text-indent: 0;\n top: 50%;\n }\n}\n\n.aui-icon-small {\n height: @aui-icon-size-small;\n width: @aui-icon-size-small;\n}\n\n.aui-icon-large {\n height: @aui-icon-size-large;\n width: @aui-icon-size-large;\n}\n\n.aui-icon-small:before {\n font-size: @aui-icon-size-small;\n margin-top: (@aui-icon-size-small / -2)\n}\n\n.aui-icon-large:before {\n font-size: @aui-icon-size-large;\n margin-top: (@aui-icon-size-large / -2)\n}\n\n.icon-move,\n.icon-move-d,\n.icon-dropdown,\n.icon-dropdown-d,\n.icon-dropdown-active,\n.icon-dropdown-active-d,\n.icon-minimize,\n.icon-minimize-d,\n.icon-maximize,\n.icon-maximize-d {\n background-repeat: no-repeat;\n}\n\n.aui-icon.icon-move,\n.aui-icon.icon-move-d,\n.aui-icon.icon-dropdown,\n.aui-icon.icon-dropdown-d,\n.aui-icon.icon-dropdown-active,\n.aui-icon.icon-dropdown-active-d,\n.aui-icon.icon-minimize,\n.aui-icon.icon-minimize-d,\n.aui-icon.icon-maximize,\n.aui-icon.icon-maximize-d {\n background-position: 0 0 !important; /* This is for legacy support */\n height: 13px;\n vertical-align: baseline;\n width: 13px;\n}\n\n\n/* Core icons - deprecated */\n.icon-move {\n /* icon-move.png */\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANAQAAAABakNnRAAAAAnRSTlMAAHaTzTgAAAAlSURBVHgBY2BiYGBnYOBvADGUFBiSDBj+/wCSIDYTSBwoC2QAAF4LBNQUu22rAAAAAElFTkSuQmCC');\n cursor: move;\n}\n.icon-move-d {\n /* icon-move-d.png */\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAAAAABXgLugAAAAAnRSTlMAAHaTzTgAAAAtSURBVHgBY4CAXDAJ4+TmInOgXAyVuXAMIuC8XCBGBqhyMBaaSTjtg3DQVQIAa64U3lyaxpQAAAAASUVORK5CYII=');\n cursor: move;\n}\n.icon-dropdown {\n /* icon-dropdown.png */\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAQAAADY4iz3AAAAKUlEQVQY02NgwAf+YwFQCezKKZRCtwdFF4oD0A1ESFDBGVil8IQGbgAAiaBjnU8tP0kAAAAASUVORK5CYII=');\n}\n.icon-dropdown-d {\n /* icon-dropdown-d.png */\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAQAAADY4iz3AAAAKklEQVQY02NgwAdy/2NCqAR25RRKoduDogvFAegGIiSo4AysUnhCAzcAAJOYRxkKj+5hAAAAAElFTkSuQmCC');\n}\n.icon-dropdown-active {\n /* icon-dropdown-active.png */\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAQAAADY4iz3AAAAKElEQVQY02NgwAf+YwE4JaCSlEhh2o2kC91RKAYyoPOo7kI8oYEbAACHhecZSiXhsAAAAABJRU5ErkJggg==');\n}\n.icon-dropdown-active-d {\n /* icon-dropdown-active-d.png */\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAQAAADY4iz3AAAAKElEQVQY02NgwAdy/2NCnBJQSUqkMO1G0oXuKBQDGdB5VHchntDADQAE0qTxqu2HqgAAAABJRU5ErkJggg==');\n}\n.icon-minimize {\n /* icon-minimize.png */\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAQAAADY4iz3AAAAHklEQVQY02NgwAf+YwE4JaCS5Epht3/wSOEJDdwAAFcvh3lwBRT4AAAAAElFTkSuQmCC');\n}\n.icon-minimize-d {\n /* icon-minimize-d.png */\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAQAAADY4iz3AAAAH0lEQVQY02NgwAdy/2NCnBJQSXKlsNs/eKTwhAZuAAAbK2Cx/Io00wAAAABJRU5ErkJggg==');\n}\n.icon-maximize {\n /* icon-maximize.png */\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAQAAADY4iz3AAAAJUlEQVQY02NgIAT+YwDipNBNwS+F3SjCUtjdSoYDiJDC6VncAAAKY3uF7U/mdQAAAABJRU5ErkJggg==');\n}\n.icon-maximize-d {\n /* icon-maximize-d.png */\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAQAAADY4iz3AAAAJklEQVQY02NgIARy/6ND4qTQTcEvhd0owlLY3UqGA4iQwulZ3AAAn8BYKXiL6OYAAAAASUVORK5CYII=');\n}\n\n\n/* Form icons - deprecated */\nform.aui .icon-date,\n.aui-icon-date {\n /* icon-date.png */\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAARElEQVR4AWMoIBGANFgXr8dE927fw0TkaCDLSf/B4O7duwQZ5Gq4iwNccDGHI4gIARuA6tAYJGig1En0DyVMQFcnkQgA7103vYurRvEAAAAASUVORK5CYII=');\n}\nform.aui .icon-range,\n.aui-icon-range {\n /* icon-range.png */\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAARklEQVR4AWMoIBGANFgXr8dEd7EBcjSQ5aT/YAA0gCCDXA0Q911wMSeIUGwA8gkyyNWAsJRyJ6F5mmQNhJ2EFtN0ijgSAQD0WQfB7IGD0QAAAABJRU5ErkJggg==');\n}\n\n.aui-icon-required {\n /* icon-required.png */\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAARUlEQVR4AWOAgQsu5v8ZSAIIjaVAbA4yAEqXkmpAMxDfABkApZtJNYARiHtABkBpRlIN0AbiK0AcBMQrQHyGkQdGwSgAAPtCJnBUV/TSAAAAAElFTkSuQmCC');\n}\n\nform.aui .icon-users,\n.aui-icon-users {\n /* icon-users.png */\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAArElEQVR4AWOgCbAuXi8HxLuA+DOUliPVgN1A/B8J78epuKCgwBOIn0GxJ9SAz2gG/MSllgHK+Q/Fz/C5AFMtpuBzWBhADfkCpeWxqoUKeoE4QPwExMbhU9LUAm2UAuK9IL8D8R4glmQgYLIGCCMZsBYtDNZiqkUIlCH5qxxqwCc0Az5jVQsVfI4k+A5qwH90jEstA4SDwLgNwFQ7jAy4gSR4F2rAaTQDjuFSCwBFeGK4drVwMAAAAABJRU5ErkJggg==');\n}\nform.aui .icon-help,\n.aui-icon-help,\nform.aui .icon-inline-help,\n.aui-icon-inline-help {\n /* icon-help.png */\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAABG0lEQVR4AU2RNVYtQRiE+7m7IxHRlRxnHWwAty9lDbg7K4AUh7kJ7vDwEGLcvU6f6cP8NVJVXe3GFWGqWedSWBcLm2DxjmZuuSFGgxATu9X/tWt+zTAPdBNnnBNHl5whP0KDRJm1ezjimn6SpArlNhqRCLd02eA0h+SSzS47PJfuUEvEUMMN/yR/8UC5DVaKJej/T6PVGNbxjC1SeKtvBgfMawQVHhuGS9oC+8ninGW3XNq4MlwRDAyzx1enFDgxbOAFAhP0BpTHf7dIZyW64f1F1hqi3NLhW584Ej77StskKkIjD5Ra6y0bwlvLC7inyR31iCJd2MF5Zs+0U84wr58uq5U7bvBoEDxupBrVHCwi1LLJNaf8F4s4/xGiuqDPs2tUOAAAAABJRU5ErkJggg==');\n}\n\n\n/* Message icons */\n.aui-message .icon-close,\n.aui-icon-close {\n /* icon-close.png */\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAOUlEQVR4AWOgGogCQjQ+KrcfCKMw+MgCECEMHqYSdGlMJZjSCCWo0oQVELaCsCMJe5NwQBEOasoBAGP2Kx0Yi3q/AAAAAElFTkSuQmCC');\n}\n.aui-message .icon-close-inverted,\n.aui-message.error .icon-close,\n.aui-icon-close-inverted {\n /* icon-close-inverted.png */\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAOklEQVR4AWOgFvi/4P8CdD4qFwQWYPCRBSBCGDxMJejSmEowpRFKUKUJKyBsBWFHEvYm4YAiHNSUAwDHH6hxrraMqwAAAABJRU5ErkJggg==');\n}\n\n\n/* Dropdown icon (downwards arrow)\n* - achieved via pseudo element\n*/\n.aui-icon-dropdown {\n border: 4px solid transparent;\n border-top-color: @aui-text-color;\n content: \"\";\n display: inline-block;\n height: 0;\n overflow: hidden;\n text-align: left;\n text-indent: -999em;\n position: relative;\n vertical-align: baseline;\n width: 0;\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":"aui-icons.css"}