@atlassian/aui
Version:
Atlassian User Interface Framework
1 lines • 6.53 kB
Source Map (JSON)
{"version":3,"sources":["adg-fancy-file-input.less","imports/mixins/icon-pseudoelement.less","imports/aui-theme/core/icons.less"],"names":[],"mappings":"AAEA;EACI,yBAAA;EACA,qBAAA;EACA,qBAAA;EACA,gBAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAA;;;AAEA,IAAI,IAAK,aAAa;EAClB,WAAA;EACA,SAAA;EACA,UAAA;EACA,iBAAA;EACA,gBAAA;EACA,WAAA;;AAEJ,IAAI,IAAI,UAAW,aAAa;EAC5B,qBAAA;EACA,SAAA;EACA,WAAA;;AAEJ,IAAI,IAAI,WAAY,aAAa;EAC7B,SAAA;EACA,WAAA;;AAxBR,IA4BI,MAAK;EACD,cAAA;;AAIJ,IAAC,gBAAgB;EACb,cAAA;EACA,cAAA;;AAIJ,IAAC;EACG,iCAAA;EACA,0BAAA;EACA,cAAA;EACA,eAAA;;AAEJ,IAAC,MAAM;EACH,iCAAA;EACA,cAAA;;AAGA,IADH,OACI;AACD,IAFH,OAEI,MAAM;EACH,yBAAA;EACA,sBAAA;EACA,cAAA;EACA,qBAAA;EACA,iBAAA;;AAKR,IAAC;EACG,qBAAA;;AAIJ,IAAC;EACG,yBAAA;EACA,cAAA;;AAGA,IALH,YAKI;AACD,IANH,YAMI,MAAM;AACP,IAPH,YAOI,OAAO;AACR,IARH,YAQI,OAAO,MAAM;EACV,yBAAA;EACA,qBAAA;EACA,gBAAA;EACA,cAAA;EACA,iBAAA;;AAIJ,IAjBH,YAiBI;EACG,cAAA;;;AAMZ;EAEI,sBAAA;EACA,UAAA;EACA,gBAAA;;AAEA,UAAC;EACG,UAAA;EACA,gBAAA;;AAGJ,UAAC;EClGG,kCAAA;EACA,mCAAA;EACA,4BAAA;EACA,aCJe,YDIf;EACA,mBAAA;EACA,kBAAA;EACA,WAAA;ED8FA,cAAA;EACA,SEtFW,OFsFX;EACA,eAAA;EACA,OAAA;EACA,cAAA;EACA,gBAAA;EACA,kBAAA;EACA,cAAA;EACA,QAAA;;AAGJ,UAAC,MAAM;EACH,cAAA","sourcesContent":["@import 'imports/global';\n\n.ffi {\n background-color: @aui-ffi-field-bg-color;\n border-color: @aui-ffi-field-border-color;\n border-radius: @aui-ffi-field-border-radius;\n box-shadow: none;\n color: @aui-ffi-field-text-color;\n font-size: @aui-ffi-field-font-size;\n max-width: @aui-ffi-field-default-width;\n\n form.aui .field-group & {\n float: none;\n margin: 0;\n padding: 0;\n word-wrap: normal;\n text-align: left;\n width: 100%;\n }\n form.aui.top-label .field-group & {\n display: inline-block;\n margin: 0;\n width: 100%;\n }\n form.aui.long-label .field-group & {\n margin: 0;\n width: 100%;\n }\n\n /* The actual input - made opaque but styled so the cursor positions well */\n input[type=\"file\"] {\n padding: 0 @aui-ffi-field-horizontal-padding;\n }\n\n // The field value\n &[data-ffi-value]:after {\n color: @aui-ffi-value-text-color;\n padding: 0 @aui-ffi-field-horizontal-padding;\n }\n\n // The \"browse\" button\n &:before {\n background: @aui-ffi-button-bg-color;\n border-left-color: @aui-ffi-button-border-color;\n color: @aui-ffi-button-text-color;\n padding: 0 @aui-ffi-button-horizontal-padding;\n }\n &:hover:before {\n background: @aui-ffi-button-bg-color-hover;\n color: @aui-ffi-button-text-color-hover;\n }\n &:active {\n &:before,\n &:hover:before {\n background-color: @aui-ffi-button-bg-color-active;\n background-image: none;\n color: @aui-ffi-button-text-color-active;\n text-decoration:none;\n text-shadow: none;\n }\n }\n\n // focusing the field\n &.is-focused {\n border-color: @aui-ffi-field-border-color-focused;\n }\n\n // disabled field\n &.is-disabled {\n background-color: @aui-ffi-field-bg-color-disabled;\n color: @aui-ffi-field-text-color-disabled;\n\n // the button\n &:before,\n &:hover:before,\n &:active:before,\n &:active:hover:before {\n background-color: @aui-ffi-button-bg-color-disabled;\n border-color: @aui-ffi-button-border-color-disabled;\n box-shadow: none;\n color: @aui-ffi-button-text-color-disabled;\n text-shadow: none;\n }\n\n // the value\n &:after {\n color: @aui-ffi-field-text-color-disabled;\n }\n }\n}\n\n/* The clear field button */\n.ffi-clear {\n @icon-box-size: @aui-icon-size-small;\n background-image: none;\n opacity: 1;\n -ms-filter: none;\n\n &:hover {\n opacity: 1;\n -ms-filter: none;\n }\n\n &::before {\n #aui.icon-pseudoelement(@aui-icon-font-family);\n color: @aui-ffi-clear-icon-color;\n content: @aui-glyph-remove;\n font-size: @aui-icon-size-small;\n left: 0;\n line-height: 1;\n margin-top: -(@icon-box-size / 2);\n position: absolute;\n text-indent: 0;\n top: 50%;\n }\n\n &:hover::before {\n color: @aui-ffi-clear-icon-color-hover;\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":"adg-fancy-file-input.css"}