UNPKG

@govbr-ds/core

Version:

Padrão Digital de Governo

1 lines 8.36 kB
{"version":3,"file":"components/loading/loading.min.css","mappings":"AAKA,qBCME,sDAAuD,CACvD,uBAAwB,CACxB,oBAAqB,CACrB,+CAAgD,CAChD,uCAAwC,CACxC,uCAAwC,CAIxC,iBAAkB,CAClB,8BDXF,CCeI,2EACE,oCAAqC,CACrC,iBDZN,CCcM,yFACE,YDXR,CCgBI,+DACE,sEAAyE,CACzE,4BAA6B,CAC7B,iBAAkB,CAClB,wBAAyB,CACzB,+BAAgC,CAChC,sCAAuC,CACvC,wCAAyC,CACzC,0BAA2B,CAC3B,+BAAgC,CAChC,4BAA6B,CAC7B,iBAAkB,CAClB,iBAAkB,CAClB,yBDbN,CCkBM,oUAIE,6FAAoG,CAFpG,0BAA2B,CAC3B,iBAAkB,CAElB,8BAA+B,CAC/B,eAAgB,CAChB,iBAAkB,CAClB,6BDXR,CCcM,kKAEE,uEAA8E,CAD9E,6BDRR,CCgBE,mCACE,yCAA0C,CAG1C,kDAA+B,CAD/B,iBAAkB,CAClB,kCAA+B,CAC/B,UAAW,CACX,aAAc,CACd,0BAA2B,CAC3B,wCACA,iBAAkB,CAClB,uCACA,yBDbJ,CCmBE,qDAEE,0BAA2B,CAC3B,yBDjBJ,CCoBI,mEACE,sDDjBN,CCmBM,iFACE,gBDhBR,CCqBI,mFACE,sCDlBN,CCoBM,iGACE,kCDjBR,CCgCM,oMAEE,6BAA8B,CAC9B,wBD5BR,CCyBM,oMAEE,6BAA8B,CAC9B,wBDrBR,CCkBM,oMAEE,6BAA8B,CAC9B,wBDdR,CCWM,oMAEE,6BAA8B,CAC9B,wBDPR,CCIM,oMAEE,6BAA8B,CAC9B,sBDAR,CCHM,oMAEE,6BAA8B,CAC9B,yBDOR,CCVM,oMAEE,6BAA8B,CAC9B,yBDcR,CCjBM,oMAEE,6BAA8B,CAC9B,yBDqBR,CCxBM,oMAEE,6BAA8B,CAC9B,yBD4BR,CC/BM,wMAEE,6BAA8B,CAC9B,uBDmCR,CCtCM,wMAEE,6BAA8B,CAC9B,yBD0CR,CC7CM,wMAEE,6BAA8B,CAC9B,yBDiDR,CCpDM,wMAEE,6BAA8B,CAC9B,yBDwDR,CC3DM,wMAEE,6BAA8B,CAC9B,yBD+DR,CClEM,wMAEE,6BAA8B,CAC9B,uBDsER,CCzEM,wMAEE,6BAA8B,CAC9B,yBD6ER,CChFM,wMAEE,6BAA8B,CAC9B,yBDoFR,CCvFM,wMAEE,6BAA8B,CAC9B,yBD2FR,CC9FM,wMAEE,6BAA8B,CAC9B,yBDkGR,CCrGM,wMAEE,6BAA8B,CAC9B,uBDyGR,CC5GM,wMAEE,6BAA8B,CAC9B,yBDgHR,CCnHM,wMAEE,6BAA8B,CAC9B,yBDuHR,CC1HM,wMAEE,6BAA8B,CAC9B,yBD8HR,CCjIM,wMAEE,6BAA8B,CAC9B,yBDqIR,CCxIM,wMAEE,6BAA8B,CAC9B,uBD4IR,CC/IM,wMAEE,6BAA8B,CAC9B,yBDmJR,CCtJM,wMAEE,6BAA8B,CAC9B,yBD0JR,CC7JM,wMAEE,6BAA8B,CAC9B,yBDiKR,CCpKM,wMAEE,6BAA8B,CAC9B,yBDwKR,CC3KM,wMAEE,6BAA8B,CAC9B,uBD+KR,CClLM,wMAEE,6BAA8B,CAC9B,yBDsLR,CCzLM,wMAEE,6BAA8B,CAC9B,yBD6LR,CChMM,wMAEE,6BAA8B,CAC9B,yBDoMR,CCvMM,wMAEE,6BAA8B,CAC9B,yBD2MR,CC9MM,wMAEE,6BAA8B,CAC9B,uBDkNR,CCrNM,wMAEE,6BAA8B,CAC9B,yBDyNR,CC5NM,wMAEE,6BAA8B,CAC9B,yBDgOR,CCnOM,wMAEE,6BAA8B,CAC9B,yBDuOR,CC1OM,wMAEE,6BAA8B,CAC9B,yBD8OR,CCjPM,wMAEE,6BAA8B,CAC9B,uBDqPR,CCxPM,wMAEE,6BAA8B,CAC9B,yBD4PR,CC/PM,wMAEE,6BAA8B,CAC9B,yBDmQR,CCtQM,wMAEE,6BAA8B,CAC9B,yBD0QR,CC7QM,wMAEE,6BAA8B,CAC9B,yBDiRR,CCpRM,wMAEE,6BAA8B,CAC9B,uBDwRR,CC3RM,wMAEE,6BAA8B,CAC9B,yBD+RR,CClSM,wMAEE,6BAA8B,CAC9B,yBDsSR,CCzSM,wMAEE,6BAA8B,CAC9B,yBD6SR,CChTM,wMAEE,6BAA8B,CAC9B,yBDoTR,CCvTM,wMAEE,6BAA8B,CAC9B,uBD2TR,CC9TM,wMAEE,6BAA8B,CAC9B,yBDkUR,CCrUM,wMAEE,6BAA8B,CAC9B,yBDyUR,CC5UM,wMAEE,6BAA8B,CAC9B,yBDgVR,CCnVM,wMAEE,6BAA8B,CAC9B,yBDuVR,CC1VM,wMAEE,6BAA8B,CAC9B,uBD8VR,CCjWM,wMAEE,6BAA8B,CAC9B,0BDqWR,CCxWM,wMAEE,6BAA8B,CAC9B,0BD4WR,CC/WM,wMAEE,6BAA8B,CAC9B,0BDmXR,CCtXM,wMAEE,6BAA8B,CAC9B,0BD0XR,CC7XM,wMAEE,6BAA8B,CAC9B,wBDiYR,CCpYM,wMAEE,6BAA8B,CAC9B,0BDwYR,CC3YM,wMAEE,6BAA8B,CAC9B,yBD+YR,CClZM,wMAEE,6BAA8B,CAC9B,0BDsZR,CCzZM,wMAEE,6BAA8B,CAC9B,yBD6ZR,CChaM,wMAEE,6BAA8B,CAC9B,wBDoaR,CCvaM,wMAEE,6BAA8B,CAC9B,yBD2aR,CC9aM,wMAEE,6BAA8B,CAC9B,0BDkbR,CCrbM,wMAEE,6BAA8B,CAC9B,yBDybR,CC5bM,wMAEE,6BAA8B,CAC9B,0BDgcR,CCncM,wMAEE,6BAA8B,CAC9B,wBDucR,CC1cM,wMAEE,6BAA8B,CAC9B,0BD8cR,CCjdM,wMAEE,6BAA8B,CAC9B,yBDqdR,CCxdM,wMAEE,6BAA8B,CAC9B,0BD4dR,CC/dM,wMAEE,6BAA8B,CAC9B,yBDmeR,CCteM,wMAEE,6BAA8B,CAC9B,wBD0eR,CC7eM,wMAEE,6BAA8B,CAC9B,yBDifR,CCpfM,wMAEE,6BAA8B,CAC9B,0BDwfR,CC3fM,wMAEE,6BAA8B,CAC9B,yBD+fR,CClgBM,wMAEE,6BAA8B,CAC9B,0BDsgBR,CCzgBM,wMAEE,6BAA8B,CAC9B,wBD6gBR,CChhBM,wMAEE,6BAA8B,CAC9B,0BDohBR,CCvhBM,wMAEE,6BAA8B,CAC9B,yBD2hBR,CC9hBM,wMAEE,6BAA8B,CAC9B,0BDkiBR,CCriBM,wMAEE,6BAA8B,CAC9B,yBDyiBR,CC5iBM,wMAEE,6BAA8B,CAC9B,wBDgjBR,CCnjBM,wMAEE,6BAA8B,CAC9B,0BDujBR,CC1jBM,wMAEE,6BAA8B,CAC9B,0BD8jBR,CCjkBM,wMAEE,6BAA8B,CAC9B,yBDqkBR,CCxkBM,wMAEE,6BAA8B,CAC9B,0BD4kBR,CC/kBM,wMAEE,6BAA8B,CAC9B,wBDmlBR,CCtlBM,wMAEE,6BAA8B,CAC9B,0BD0lBR,CC7lBM,wMAEE,6BAA8B,CAC9B,0BDimBR,CCpmBM,wMAEE,6BAA8B,CAC9B,0BDwmBR,CC3mBM,wMAEE,6BAA8B,CAC9B,yBD+mBR,CClnBM,wMAEE,6BAA8B,CAC9B,wBDsnBR,CCznBM,wMAEE,6BAA8B,CAC9B,0BD6nBR,CChoBM,wMAEE,6BAA8B,CAC9B,0BDooBR,CCvoBM,wMAEE,6BAA8B,CAC9B,yBD2oBR,CC9oBM,wMAEE,6BAA8B,CAC9B,0BDkpBR,CCrpBM,4MAEE,6BAA8B,CAC9B,wBDypBR,CCppBE,sBACE,GACE,sBDspBJ,CCnpBE,GACE,wBDqpBJ,CACF,CClpBE,gBACE,GACE,sBDopBJ,CACF","sources":["webpack://core/./src/components/loading/_loading.scss","webpack://core/./src/components/loading/_mixins.scss"],"sourcesContent":["@use \"sass:math\";\n @import \"../../partial/scss/base\";\n \n@import \"mixins\";\n\n.loading, // TODO: Esta linha mantém compatibilidade com versão anterior. Remover na proxima release!\n.#{$prefix}loading {\n @include loading-configs;\n}\n","@use \"sass:math\";\n\n@mixin loading-configs {\n @include loading-token;\n @include loading-default;\n @include loading-indetermined;\n @include loading-sizes;\n @include loading-animations;\n}\n\n@mixin loading-token {\n --loading-size: var(--loading-indetermined-diameter-sm);\n --loading-diameter: 84px;\n --loading-stroke: 5px;\n --loading-indetermined-color: var(--interactive);\n --loading-indetermined-diameter-md: 44px;\n --loading-indetermined-diameter-sm: 24px;\n}\n\n@mixin loading-default {\n position: relative;\n z-index: var(--z-index-layer-4);\n\n &[data-progress] {\n // Não aplica estilo \"determinado\" quando não houver elementos filhos\n &:not(:empty) {\n background-color: var(--border-color);\n border-radius: 50%;\n\n &::before {\n content: none;\n }\n }\n\n // Mostrar número com porcentagem\n &::after {\n --loading-size: calc(var(--loading-diameter) - var(--loading-stroke) * 2);\n background: var(--background);\n border-radius: 50%;\n color: var(--interactive);\n content: attr(data-progress) \"%\";\n font-size: var(--font-size-scale-up-02);\n font-weight: var(--font-weight-semi-bold);\n height: var(--loading-size);\n line-height: var(--loading-size);\n margin: var(--loading-stroke);\n position: absolute;\n text-align: center;\n width: var(--loading-size);\n }\n\n &.loading,\n .#{$prefix}loading {\n &-mask,\n &-fill {\n backface-visibility: hidden;\n border-radius: 50%;\n clip: rect(0, var(--loading-diameter), var(--loading-diameter), calc(var(--loading-diameter) * 0.5));\n height: var(--loading-diameter);\n overflow: hidden;\n position: absolute;\n width: var(--loading-diameter);\n }\n\n &-fill {\n background: var(--interactive);\n clip: rect(0, calc(var(--loading-diameter) * 0.5), var(--loading-diameter), 0);\n }\n }\n }\n}\n\n@mixin loading-indetermined {\n &::before {\n animation: spinAround 1.3s infinite linear;\n border: 2px solid var(--loading-indetermined-color);\n border-radius: 50%;\n border-right-color: transparent;\n content: \"\";\n display: block;\n height: var(--loading-size);\n left: calc(50% - (var(--loading-size) * 0.5));\n position: absolute;\n top: calc(50% - (var(--loading-size) * 0.5));\n width: var(--loading-size);\n }\n}\n\n@mixin loading-sizes {\n // Não aplica a regra no componente Button\n &:not(.#{$prefix}button) {\n // O tamanho padrão é o pequeno\n height: var(--loading-size);\n width: var(--loading-size);\n\n // Aplica o tamanho médio\n &.medium {\n --loading-size: var(--loading-indetermined-diameter-md);\n\n &::before {\n border-width: 4px;\n }\n }\n\n // Aplica o tamanho com progressão\n &[data-progress] {\n --loading-size: var(--loading-diameter);\n\n &::before {\n border-width: var(--loading-stroke);\n }\n }\n }\n}\n\n@mixin loading-animations {\n // Quantidade de classes estáticas para animações\n $rotation-steps: 100;\n\n // Cria valores estáticos para animações\n @for $step from 1 through $rotation-steps {\n $rotation: math.div($step, 100) * 360;\n &[data-progress=\"#{$step}\"] {\n $rotate: $step * 1.8;\n .#{$prefix}loading-mask.full,\n .#{$prefix}loading-fill {\n animation: fill ease-in-out 2s;\n transform: rotate(#{$rotate}deg);\n }\n }\n }\n\n @keyframes spinAround {\n from {\n transform: rotate(0deg);\n }\n\n to {\n transform: rotate(359deg);\n }\n }\n\n @keyframes fill {\n 0% {\n transform: rotate(0deg);\n }\n @for $step from 1 through $rotation-steps {\n $rotation: math.div($step, 100) * 360;\n }\n }\n}\n"],"names":[],"sourceRoot":""}