@renderforest/rf-ui-library/consts/media.js

Renderforest UI Library

"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.media=void 0;var _styledComponents=require("styled-components"),sizes={megagiant:1280,giant:1170,desktop:992,tablet:768,mobile:480,xsmall:320},media=exports.media=Object.keys(sizes).reduce(function(accumulator,label){var emSize=sizes[label]/16;return accumulator[label]=function(){return(0,_styledComponents.css)(["@media (max-width:","em){",";}"],emSize,_styledComponents.css.apply(void 0,arguments))},accumulator},{});// iterate through the sizes and create a media template