web3d/styles.js

MetaEditor — ReactJS Pixel Streaming library, helps integrate Unreal Engine v.5 in the browser. Allows you to send commands and get callbacks from the stream server with launched Unreal Engine.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.styled=exports.media=exports.css=void 0;var _react=_interopRequireDefault(require("react")),_styledJss=_interopRequireDefault(require("styled-jss"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}const styled=new class{constructor(){this.styled=(a,b)=>(0,_styledJss.default)(a)(b())}ul(a){return this.styled("ul",a)}ol(a){return this.styled("ol",a)}div(a){return this.styled("div",a)}custom(a,b){return this.styled(a,b)}};exports.styled=styled;const css=new class{constructor(){}makeRadius(...a){let b=[];for(let c of a)"auto"===c&&(c=10),b.push(c);return 0<b.length?b.map(a=>a+"px").join(" "):10}};exports.css=css;const media=new class{constructor(){this.min=a=>`@media (min-width: ${a}px)`,this.max=a=>`@media (max-width: ${a}px)`}get down(){return{xs:this.max(600),sm:this.max(900),md:this.max(1200),lg:this.max(1536)}}get up(){return{xs:this.min(0),sm:this.min(600),md:this.min(900),lg:this.min(1200),xl:this.max(1536)}}};exports.media=media;