-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathspinner.a7cd10ad.css.map
1 lines (1 loc) · 3.11 KB
/
spinner.a7cd10ad.css.map
1
{"version":3,"sources":["css/spinner.css"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"spinner.a7cd10ad.css","sourceRoot":"..\\..","sourcesContent":["/* Inspired by https://loading.io/css/ */\r\n.lds-roller {\r\n display: inline-block;\r\n position: absolute;\r\n width: 80px;\r\n height: 80px;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%,-50%);\r\n}\r\n.lds-roller div {\r\n animation: lds-roller linear infinite;\r\n transform-origin: 40px 40px;\r\n mix-blend-mode: screen;\r\n}\r\n.lds-roller div:after {\r\n content: \" \";\r\n display: block;\r\n position: absolute;\r\n border-radius: 50%;\r\n background: rgb(30, 165, 255);\r\n /*box-shadow: 0 0 1px 1px #fff;*/\r\n transform-origin: 0 0;\r\n animation: lds-scale ease-in-out infinite;\r\n}\r\n.lds-roller div:nth-child(1) {\r\n animation-delay: -0.036s;\r\n animation-duration: 0.8s;\r\n}\r\n.lds-roller div:nth-child(1):after {\r\n /* background: #93dbe9; */\r\n top: 63px;\r\n left: 63px;\r\n width: 7px;\r\n height: 7px;\r\n animation-delay: -0.036s;\r\n animation-duration: 0.8s;\r\n}\r\n.lds-roller div:nth-child(2) {\r\n animation-delay: -0.072s;\r\n animation-duration: 1s;\r\n}\r\n.lds-roller div:nth-child(2):after {\r\n /* background: #689cc5; */\r\n top: 68px;\r\n left: 56px;\r\n width: 9px;\r\n height: 9px;\r\n animation-delay: -0.072s;\r\n animation-duration: 1s;\r\n}\r\n.lds-roller div:nth-child(3) {\r\n animation-delay: -0.108s;\r\n animation-duration: 1.3s;\r\n}\r\n.lds-roller div:nth-child(3):after {\r\n /* background: #5e6fa3; */\r\n top: 71px;\r\n left: 48px;\r\n width: 11px;\r\n height: 11px;\r\n animation-delay: -0.108s;\r\n animation-duration: 1.3s;\r\n}\r\n.lds-roller div:nth-child(4) {\r\n animation-delay: -0.144s;\r\n animation-duration: 2s;\r\n}\r\n.lds-roller div:nth-child(4):after {\r\n /* background: #3b4368; */\r\n top: 72px;\r\n left: 40px;\r\n width: 13px;\r\n height: 13px;\r\n animation-delay: -0.144s;\r\n animation-duration: 2s;\r\n}\r\n.lds-roller div:nth-child(5) {\r\n animation-delay: -0.18s;\r\n animation-duration: 4s;\r\n}\r\n.lds-roller div:nth-child(5):after {\r\n /* background: #191d3a; */\r\n top: 71px;\r\n left: 32px;\r\n width: 17px;\r\n height: 17px;\r\n animation-delay: -0.18s;\r\n animation-duration: 3.3s;\r\n}\r\n\r\n@keyframes lds-roller {\r\n 0% {\r\n transform: rotate(0deg);\r\n }\r\n 100% {\r\n transform: rotate(360deg);\r\n }\r\n}\r\n\r\n@keyframes lds-scale {\r\n 0% {\r\n transform: scale(1.5);\r\n }\r\n 50% {\r\n transform: scale(1);\r\n }\r\n 100% {\r\n transform: scale(1.5);\r\n }\r\n}\r\n"]}