picocss/scss/utilities/_loading.scss.map

{"version":3,"sources":["_loading.scss"],"names":[],"mappings":"AAAA;;EAEE;;;AAGF,QAAQ;AACR;EACE,gBAAgB;AAClB;;AAEA,gCAAgC;AAChC;;EAEE;IACE,qBAAqB;IACrB,UAAU;IACV,WAAW;IACX,mCAAmC;IACnC,kBAAkB;IAClB,+BAA+B;IAC/B,WAAW;IACX,2BAA2B;IAC3B,uBAAuB,EAAE,kBAAkB;IAC3C,wCAAwC;IACxC,uCAAuC;EACzC;;EAEA;IACE;MACE,wCAAwC;MACxC,cAAc;MACd,sBAAsB;MACtB,6CAA6C;IAC/C;EACF;;EAEA;IACE,kBAAkB;EACpB;AACF;;AAEA,mBAAmB;AACnB;;;;;EAKE;IACE,oBAAoB;EACtB;AACF;;AAEA,mBAAmB;AACnB;EACE;IACE,yBAAyB;EAC3B;AACF","file":"_loading.scss","sourcesContent":["/**\n * Loading ([aria-busy=true])\n */\n\n\n// Cursor\n[aria-busy=\"true\"] {\n  cursor: progress;\n}\n\n// Everyting except form elements\n[aria-busy=\"true\"]:not(input, select, textarea) {\n\n  &::before {\n    display: inline-block;\n    width: 1em;\n    height: 1em;\n    border: 0.1875em solid currentColor;\n    border-radius: 1em;\n    border-right-color: transparent;\n    content: \"\";\n    vertical-align: text-bottom;\n    vertical-align: -.125em; // Visual alignment\n    animation: spinner 0.75s linear infinite;\n    opacity: var(--loading-spinner-opacity);\n  }\n\n  &:not(:empty) {\n    &::before {\n      margin-right: calc(var(--spacing) * 0.5);\n      margin-left: 0;\n      margin-inline-start: 0;\n      margin-inline-end: calc(var(--spacing) * 0.5);\n    }\n  }\n\n  &:empty {\n    text-align: center;\n  }\n}\n\n// Buttons and links\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na {\n  &[aria-busy=\"true\"] {\n    pointer-events: none;\n  }\n}\n\n// Animation: rotate\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n"]}