UNPKG

monday-ui-react-core

Version:

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

github.com/mondaycom/vibe

mondaycom/vibe

3 lines (2 loc) • 2.07 kB
1
2
3
var t={badgeWrapper:"badgeWrapper",badge:"badge",outside:"outside",topEnd:"topEnd",rectangular:"rectangular",circular:"circular",topStart:"topStart",bottomEnd:"bottomEnd",bottomStart:"bottomStart"};!function(t){const e="s_id-b5dca6298ea9_2_149_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".badgeWrapper {\n position: relative;\n}\n.badgeWrapper .badge {\n z-index: 1;\n position: absolute;\n border-radius: 16px;\n}\n.badgeWrapper .badge:not(.outside) {\n border: 2px solid;\n border-color: var(--primary-background-color);\n}\n.badgeWrapper .badge.topEnd.rectangular {\n top: 0;\n right: 0;\n translate: 50% -50%;\n}\n.badgeWrapper .badge.topEnd.outside {\n top: 0;\n right: -2px;\n translate: 100% 0;\n}\n.badgeWrapper .badge.topEnd.circular {\n top: 15%;\n right: 15%;\n translate: 50% -50%;\n}\n.badgeWrapper .badge.topStart.rectangular {\n top: 0;\n left: 0;\n translate: -50% -50%;\n}\n.badgeWrapper .badge.topStart.outside {\n top: 0;\n left: -2px;\n translate: -100% 0;\n}\n.badgeWrapper .badge.topStart.circular {\n top: 15%;\n left: 15%;\n translate: -50% -50%;\n}\n.badgeWrapper .badge.bottomEnd.rectangular {\n bottom: 0;\n right: 0;\n translate: 50% 50%;\n}\n.badgeWrapper .badge.bottomEnd.outside {\n bottom: 0;\n right: -2px;\n translate: 100% 0;\n}\n.badgeWrapper .badge.bottomEnd.circular {\n bottom: 15%;\n right: 15%;\n translate: 50% 50%;\n}\n.badgeWrapper .badge.bottomStart.rectangular {\n bottom: 0;\n left: 0;\n translate: -50% 50%;\n}\n.badgeWrapper .badge.bottomStart.outside {\n bottom: 0;\n left: -2px;\n translate: -100% 0;\n}\n.badgeWrapper .badge.bottomStart.circular {\n bottom: 15%;\n left: 15%;\n translate: -50% 50%;\n}");export{t as default}; //# sourceMappingURL=Badge.module.scss.js.map