@atlassian/aui/lib/css/adg-header-quicksearch.css.map

Atlassian User Interface Framework

{"version":3,"sources":["adg-header-quicksearch.less","imports/mixins/icon-pseudoelement.less","imports/aui-theme/core/icons.less"],"names":[],"mappings":";;;AAMA,WAAY;EA8BR,aAAA;EACA,yBAAA;EACA,mBAAA;EACA,kBAAA;EAGA,eAAA;EACA,+BAAA;;AArCJ,WAAY,iBAuCR;EACI,iCAAA;EACA,YAAA;EACA,kBAAA;EACA,gBAAA;EACA,sBAAA;EACA,cAAA;EACA,eAAA;EACA,oBAAA;EACA,kBAAA;EACA,iBAAA;EACA,wBAAA;EACA,wBAAA;EACA,YAAA;;AAEA,WAtDI,iBAuCR,MAeK;EACG,iCAAA;EACA,cAAA;EACA,aAAA;;AASJ,WAlEI,iBAuCR,MA2BK;EACG,+BAAA;;AAGJ,WAtEI,iBAuCR,MA+BK;EACG,+BAAA;;AAGJ,WA1EI,iBAuCR,MAmCK;EACG,+BAAA;;AAMA,WAjFA,iBAuCR,MAyCK,MACI;EACG,cAAA;;AAGJ,WArFA,iBAuCR,MAyCK,MAKI;EACG,cAAA;;AAGJ,WAzFA,iBAuCR,MAyCK,MASI;EACG,cAAA;;AA1FhB,WAAY,iBAgGR,MAAK;EACD,qBAAA;EACA,wBAAA;;AAIJ,WAtGQ,iBAsGP;ECvGG,kCAAA;EACA,mCAAA;EACA,4BAAA;EACA,aCJe,YDIf;EACA,mBAAA;EACA,kBAAA;EACA,WAAA;EDuGA,kBAAA;EACA,oBAAA;EACA,kBAAA;EACA,kBAAA;EAGA,SEtGiB,OFsGjB;EACA,cAAA;EACA,eAAA;EACA,YAAA;EACA,WAAA","sourcesContent":["@import './imports/global';\n\n/**\n * Quick search for header\n */\n\n.aui-header .aui-quicksearch {\n    //\n    // Variables\n    //\n    @aui-header-quicksearch-color: rgba(255, 255, 255, 0.6);\n    @aui-header-quicksearch-bg-color: @ak-color-N90A;\n    @aui-header-quicksearch-focus-color: @ak-color-B50;\n    @aui-header-quicksearch-focus-bg-color: @ak-color-N90A;\n    @aui-header-quicksearch-focus-outline: none;\n    @aui-header-quicksearch-width: 170px;\n    @aui-header-quicksearch-border-radius: 3px;\n    @aui-header-quicksearch-box-shadow: none;\n    @aui-header-quicksearch-icon: @aui-glyph-search-small;\n\n    @icon-height: @aui-icon-size-small;\n    @icon-width: @aui-icon-size-small;\n    @icon-right-indent: @icon-width;\n\n    @margin-top: 5px + @aui-header-padding-y;\n    @padding-left-right: 10px;\n    @text-padding-right: @icon-right-indent + @padding-left-right;\n    // this fudging number pushes the text slightly higher so it \"lines up\" with the text in menu items and buttons.\n    // it's 1px too low in Chrome, and 1px too high in Firefox and IE11. A compromise, if you will.\n    @text-baseline-fudge: 1px;\n\n    //\n    // Layout concerns:\n    // The container needs to be relative so we can absolutely position the icon within it.\n    // We use flexbox so that vertical alignment is handled by the browser rather than magic margin numbers.\n    //\n    display: flex;\n    justify-content: flex-end; // push to the RHS of the container.\n    align-items: center; // vertically center the elements.\n    position: relative;\n\n    // ...and some cosmestic stuff.\n    padding: 0 @aui-grid;\n    color: @aui-header-quicksearch-color;\n\n    input {\n        background: @aui-header-quicksearch-bg-color;\n        border: none;\n        border-radius: @aui-header-quicksearch-border-radius;\n        box-shadow: none;\n        box-sizing: border-box;\n        color: inherit;\n        height: 2.143em; // 30px effective - need height in ems so that user-specified font-sizes apply\n        font-family: inherit;\n        font-size: inherit;\n        margin: @margin-top 0 0 0;\n        padding: 0 @text-padding-right @text-baseline-fudge 10px;\n        vertical-align: baseline;\n        width: @aui-header-quicksearch-width;\n\n        &:focus {\n            background: @aui-header-quicksearch-focus-bg-color;\n            color: @aui-header-quicksearch-focus-color;\n            outline: @aui-header-quicksearch-focus-outline;\n        }\n\n        //\n        // Placeholder styling\n        // You have to one rule per vendor because user agents are required to ignore a rule with an unknown selector.\n        // Since WebKit doesn’t know the proprietary Mozilla selector and vice versa, you have to include them separately.\n        // See http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css#answer-2610741\n        //\n        &::-webkit-input-placeholder {\n            color: @aui-header-quicksearch-color;\n        }\n\n        &::-moz-placeholder { // Firefox 19+\n            color: @aui-header-quicksearch-color;\n        }\n\n        &:-ms-input-placeholder {\n            color: @aui-header-quicksearch-color;\n        }\n\n        //focus placeholder\n\n        &:focus {\n            &::-webkit-input-placeholder {\n                color: @aui-header-quicksearch-focus-color;\n            }\n\n            &::-moz-placeholder {  // Firefox 19+\n                color: @aui-header-quicksearch-focus-color;\n            }\n\n            &:-ms-input-placeholder {\n                color: @aui-header-quicksearch-focus-color;\n            }\n        }\n    }\n\n    // Override the browser appearance of type=text, type=search and type=button.\n    input[type] {\n        -moz-appearance: none;\n        -webkit-appearance: none;\n    }\n\n    // icon\n    &::after {\n        #aui.icon-pseudoelement(@aui-icon-font-family);\n\n        // Layout concerns:\n        // because of a flexbox parent + align-self, there's no need to\n        // mess with margins or positioning relative to the top of the container; it's just done by flexbox :D\n        align-self: center;\n        pointer-events: none; // so the icon isn't clickable, so clicks on it will focus the input field\n        margin-left: (-1 * @text-padding-right); // sneakily shift the icon inside the input field\n        margin-right: @padding-left-right; // so as not to reduce the distance between the input field and the next element in the header\n\n        // And now the actual icon concerns:\n        content: @aui-header-quicksearch-icon;\n        color: inherit;\n        font-size: @aui-icon-size-small;\n        height: @icon-height;\n        width: @icon-width;\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-header-quicksearch.css"}