@atlassian/aui
Version:
Atlassian User Interface Framework
1 lines • 3.13 kB
Source Map (JSON)
{"version":3,"sources":["aui-spinner.less"],"names":[],"mappings":"AAAA;EACI;IACI,WAAW,cAAX;IACA,eAAe,cAAf;IACA,mBAAmB,cAAnB;;;AAGR;EACI;IACI,WAAW,cAAX;IACA,eAAe,cAAf;IACA,mBAAmB,cAAnB;;;AAsBR;EACI,cAAA;EACA,kBAAA;EACA,mBAAA;;AAEA,WAAC;EAEG,oBAAA;EACA,mBAAA;EACA,YAAA;;AAEA,WANH,QAMI,cAAc,eAAa;EACxB,WAAA;;AAGJ,WAVH,QAUI,eAAe,eAAa;EACzB,WAAA;;AAGJ,WAdH,QAcI,cAAc,eAAa;EACxB,WAAA;;AAIR,WAAC;EACG,YAAA;EACA,WAAA;;AAFJ,WAAC,cAIG,aAAY;EA7ChB,sBAAA;EACA,uBAAA;EACA,iBAAA;;AAgDA,WAAC;EACG,YAAA;EACA,WAAA;;AAFJ,WAAC,eAIG,aAAY;EAhDhB,sBAAA;EACA,uBAAA;EACA,iBAAA;;AAmDA,WAAC;EACG,YAAA;EACA,WAAA;;AAFJ,WAAC,cAIG,aAAY;EAnDhB,uBAAA;EACA,wBAAA;EACA,iBAAA;;AAGJ,WAmDI;EACI,kBAAA;;AAEA,WAHJ,aAGK;EACG,kBAAA;EAEA,iBAAiB,kEAAjB;EACA,yBAAyB,kEAAzB;EACA,UAAA;EACA,eAAA;EACA,qBAAA;EACA,wBAAA;EACA,4BAAA;EACA,gCAAA","sourcesContent":["@keyframes spinnerRotateAnimation {\n to {\n transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -webkit-transform: rotate(360deg);\n }\n}\n@-webkit-keyframes spinnerRotateAnimation {\n to {\n transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -webkit-transform: rotate(360deg);\n }\n}\n\n.small-spinner-stroke() {\n stroke-dasharray: 56px;\n stroke-dashoffset: 45px;\n stroke-width: 2px;\n}\n\n.medium-spinner-stroke() {\n stroke-dasharray: 84px;\n stroke-dashoffset: 67px;\n stroke-width: 3px;\n}\n\n.large-spinner-stroke() {\n stroke-dasharray: 141px;\n stroke-dashoffset: 113px;\n stroke-width: 5px;\n}\n\naui-spinner {\n display: block;\n position: relative;\n z-index: 2000000000;\n\n &[filled] {\n // The \"filled\" variant of the spinner should always take up no space in the DOM\n height: 0 !important;\n width: 0 !important;\n margin: auto;\n\n &[size=\"small\"]>.aui-spinner>svg {\n left: -10px;\n }\n\n &[size=\"medium\"]>.aui-spinner>svg {\n left: -15px;\n }\n\n &[size=\"large\"]>.aui-spinner>svg {\n left: -25px;\n }\n }\n\n &[size=\"small\"] {\n height: 20px;\n width: 20px;\n\n .aui-spinner>svg {\n .small-spinner-stroke();\n }\n }\n\n &[size=\"medium\"] {\n height: 30px;\n width: 30px;\n\n .aui-spinner>svg {\n .medium-spinner-stroke();\n }\n }\n\n &[size=\"large\"] {\n height: 50px;\n width: 50px;\n\n .aui-spinner>svg {\n .large-spinner-stroke();\n }\n }\n\n .aui-spinner {\n position: relative;\n\n &>svg {\n position: absolute;\n\n animation: 0.86s cubic-bezier(0.4, 0.15, 0.6, 0.85) infinite spinnerRotateAnimation;\n -webkit-animation: 0.86s cubic-bezier(0.4, 0.15, 0.6, 0.85) infinite spinnerRotateAnimation;\n fill: none;\n stroke: #42526E;\n stroke-linecap: round;\n transform-origin: center;\n -ms-transform-origin: center;\n -webkit-transform-origin: center;\n }\n }\n}\n"],"file":"aui-spinner.css"}