monday-ui-react-core/dist/esm/src/components/Skeleton/Skeleton.module.scss.js

Official monday.com UI resources for application development in React.js

var n={skeleton:"skeleton_f7a36a77a2",rectangle:"rectangle_683a7b303a",shine:"shine_ab8edd6df1",circle:"circle_5ec1f47299",text:"text_65eb6da468",textH1:"textH1_f5e092bb40",textH2:"textH2_0ca2397a62",textH3:"textH3_0ca2397a62",textH4:"textH4_8a8a2ad8eb",textH5:"textH5_b705e98ac2",textH6:"textH6_df9f803361",textSmall:"textSmall_37343858a2",textCustom:"textCustom_df9f803361",fullWidth:"fullWidth_54210deb28"};!function(n){const e="s_id-8df79849e8ff_2_149_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".skeleton_f7a36a77a2 {\n  display: flex;\n}\n\n.rectangle_683a7b303a {\n  height: 160px;\n  background: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_ab8edd6df1;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_ab8edd6df1 {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle_5ec1f47299 {\n  height: 40px;\n  background: var(--ui-background-color);\n  border-radius: 50%;\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_ab8edd6df1;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_ab8edd6df1 {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text_65eb6da468 {\n  background: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_ab8edd6df1;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_ab8edd6df1 {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1_f5e092bb40 {\n  height: 32px;\n}\n\n.textH2_0ca2397a62 {\n  height: 24px;\n}\n\n.textH3_0ca2397a62 {\n  height: 24px;\n}\n\n.textH4_8a8a2ad8eb {\n  height: 21px;\n}\n\n.textH5_b705e98ac2 {\n  height: 16px;\n}\n\n.textH6_df9f803361 {\n  height: 12px;\n}\n\n.textSmall_37343858a2,\n.textCustom_df9f803361 {\n  height: 12px;\n}\n\n.fullWidth_54210deb28 {\n  width: 100%;\n}\n\n.skeleton_f7a36a77a2:not(.fullWidth_54210deb28) .text_65eb6da468 {\n  width: 162px;\n}\n\n.skeleton_f7a36a77a2:not(.fullWidth_54210deb28) .circle_5ec1f47299 {\n  width: 40px;\n}\n\n.skeleton_f7a36a77a2:not(.fullWidth_54210deb28) .rectangle_683a7b303a {\n  width: 160px;\n}");export{n as default};
//# sourceMappingURL=Skeleton.module.scss.js.map