?HAMA

Navigation

Breadcrumbs

/ / proc / thread-self / root / home / byroehnu / .trash / node_modules11 / polished / lib / mixins

Create

Create File | Create Folder | Upload Files | Run Command

Edit File Size: 4.46 KB

/proc/thread-self/root/home/byroehnu/.trash/node_modules11/polished/lib/mixins/fluidRange.js

Text Base64

"use strict";

exports.__esModule = true;
exports["default"] = fluidRange;
var _between = _interopRequireDefault(require("./between"));
var _errors = _interopRequireDefault(require("../internalHelpers/_errors"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
/**
 * Returns a set of media queries that resizes a property (or set of properties) between a provided fromSize and toSize. Accepts optional minScreen (defaults to '320px') and maxScreen (defaults to '1200px') to constrain the interpolation.
 *
 * @example
 * // Styles as object usage
 * const styles = {
 *   ...fluidRange(
 *    {
 *        prop: 'padding',
 *        fromSize: '20px',
 *        toSize: '100px',
 *      },
 *      '400px',
 *      '1000px',
 *    )
 * }
 *
 * // styled-components usage
 * const div = styled.div`
 *   ${fluidRange(
 *      {
 *        prop: 'padding',
 *        fromSize: '20px',
 *        toSize: '100px',
 *      },
 *      '400px',
 *      '1000px',
 *    )}
 * `
 *
 * // CSS as JS Output
 *
 * div: {
 *   "@media (min-width: 1000px)": Object {
 *     "padding": "100px",
 *   },
 *   "@media (min-width: 400px)": Object {
 *     "padding": "calc(-33.33333333333334px + 13.333333333333334vw)",
 *   },
 *   "padding": "20px",
 * }
 */
function fluidRange(cssProp, minScreen, maxScreen) {
  if (minScreen === void 0) {
    minScreen = '320px';
  }
  if (maxScreen === void 0) {
    maxScreen = '1200px';
  }
  if (!Array.isArray(cssProp) && typeof cssProp !== 'object' || cssProp === null) {
    throw new _errors["default"](49);
  }
  if (Array.isArray(cssProp)) {
    var mediaQueries = {};
    var fallbacks = {};
    for (var _iterator = _createForOfIteratorHelperLoose(cssProp), _step; !(_step = _iterator()).done;) {
      var _extends2, _extends3;
      var obj = _step.value;
      if (!obj.prop || !obj.fromSize || !obj.toSize) {
        throw new _errors["default"](50);
      }
      fallbacks[obj.prop] = obj.fromSize;
      mediaQueries["@media (min-width: " + minScreen + ")"] = _extends({}, mediaQueries["@media (min-width: " + minScreen + ")"], (_extends2 = {}, _extends2[obj.prop] = (0, _between["default"])(obj.fromSize, obj.toSize, minScreen, maxScreen), _extends2));
      mediaQueries["@media (min-width: " + maxScreen + ")"] = _extends({}, mediaQueries["@media (min-width: " + maxScreen + ")"], (_extends3 = {}, _extends3[obj.prop] = obj.toSize, _extends3));
    }
    return _extends({}, fallbacks, mediaQueries);
  } else {
    var _ref, _ref2, _ref3;
    if (!cssProp.prop || !cssProp.fromSize || !cssProp.toSize) {
      throw new _errors["default"](51);
    }
    return _ref3 = {}, _ref3[cssProp.prop] = cssProp.fromSize, _ref3["@media (min-width: " + minScreen + ")"] = (_ref = {}, _ref[cssProp.prop] = (0, _between["default"])(cssProp.fromSize, cssProp.toSize, minScreen, maxScreen), _ref), _ref3["@media (min-width: " + maxScreen + ")"] = (_ref2 = {}, _ref2[cssProp.prop] = cssProp.toSize, _ref2), _ref3;
  }
}
module.exports = exports.default;

Exit & Reset Text mode: syntax highlighting auto-detects file type.

Directory Contents

Dirs: 0 × Files: 48

Sort:

Enable drag-to-move

Name	Size	Perms	Modified	Actions
between.d.ts	162 B	lrw-r--r--	2026-02-28 00:31:10	Edit Download recursive recursive
between.js	2.54 KB	lrw-r--r--	2026-02-28 00:30:16	Edit Download recursive recursive
between.js.flow	1.96 KB	lrw-r--r--	2026-02-28 00:28:52	Edit Download recursive recursive
clearFix.d.ts	120 B	lrw-r--r--	2026-02-28 00:31:12	Edit Download recursive recursive
clearFix.js	703 B	lrw-r--r--	2026-02-28 00:30:22	Edit Download recursive recursive
clearFix.js.flow	627 B	lrw-r--r--	2026-02-28 00:29:00	Edit Download recursive recursive
cover.d.ts	123 B	lrw-r--r--	2026-02-28 00:31:12	Edit Download recursive recursive
cover.js	699 B	lrw-r--r--	2026-02-28 00:30:24	Edit Download recursive recursive
cover.js.flow	649 B	lrw-r--r--	2026-02-28 00:29:04	Edit Download recursive recursive
ellipsis.d.ts	179 B	lrw-r--r--	2026-02-28 00:31:14	Edit Download recursive recursive
ellipsis.js	1.39 KB	lrw-r--r--	2026-02-28 00:30:28	Edit Download recursive recursive
ellipsis.js.flow	1.04 KB	lrw-r--r--	2026-02-28 00:29:12	Edit Download recursive recursive
fluidRange.d.ts	299 B	lrw-r--r--	2026-02-28 00:31:14	Edit Download recursive recursive
fluidRange.js	4.46 KB	lrw-r--r--	2026-02-28 00:30:30	Edit Download recursive recursive
fluidRange.js.flow	2.56 KB	lrw-r--r--	2026-02-28 00:29:16	Edit Download recursive recursive
fontFace.d.ts	412 B	lrw-r--r--	2026-02-28 00:31:14	Edit Download recursive recursive
fontFace.js	4.11 KB	lrw-r--r--	2026-02-28 00:30:30	Edit Download recursive recursive
fontFace.js.flow	3.54 KB	lrw-r--r--	2026-02-28 00:29:18	Edit Download recursive recursive
hideText.d.ts	105 B	lrw-r--r--	2026-02-28 00:31:14	Edit Download recursive recursive
hideText.js	719 B	lrw-r--r--	2026-02-28 00:30:34	Edit Download recursive recursive
hideText.js.flow	692 B	lrw-r--r--	2026-02-28 00:29:30	Edit Download recursive recursive
hideVisually.d.ts	113 B	lrw-r--r--	2026-02-28 00:31:14	Edit Download recursive recursive
hideVisually.js	1018 B	lrw-r--r--	2026-02-28 00:30:34	Edit Download recursive recursive
hideVisually.js.flow	986 B	lrw-r--r--	2026-02-28 00:29:32	Edit Download recursive recursive
hiDPI.d.ts	71 B	lrw-r--r--	2026-02-28 00:31:14	Edit Download recursive recursive
hiDPI.js	1.13 KB	lrw-r--r--	2026-02-28 00:30:34	Edit Download recursive recursive
hiDPI.js.flow	1022 B	lrw-r--r--	2026-02-28 00:29:32	Edit Download recursive recursive
linearGradient.d.ts	274 B	lrw-r--r--	2026-02-28 00:31:16	Edit Download recursive recursive
linearGradient.js	1.98 KB	lrw-r--r--	2026-02-28 00:30:40	Edit Download recursive recursive
linearGradient.js.flow	1.59 KB	lrw-r--r--	2026-02-28 00:29:40	Edit Download recursive recursive
normalize.d.ts	114 B	lrw-r--r--	2026-02-28 00:31:20	Edit Download recursive recursive
normalize.js	3.40 KB	lrw-r--r--	2026-02-28 00:30:44	Edit Download recursive recursive
normalize.js.flow	3.73 KB	lrw-r--r--	2026-02-28 00:29:46	Edit Download recursive recursive
radialGradient.d.ts	290 B	lrw-r--r--	2026-02-28 00:31:20	Edit Download recursive recursive
radialGradient.js	2.18 KB	lrw-r--r--	2026-02-28 00:30:56	Edit Download recursive recursive
radialGradient.js.flow	1.62 KB	lrw-r--r--	2026-02-28 00:29:52	Edit Download recursive recursive
retinaImage.d.ts	233 B	lrw-r--r--	2026-02-28 00:31:22	Edit Download recursive recursive
retinaImage.js	2.21 KB	lrw-r--r--	2026-02-28 00:30:58	Edit Download recursive recursive
retinaImage.js.flow	1.58 KB	lrw-r--r--	2026-02-28 00:29:56	Edit Download recursive recursive
timingFunctions.d.ts	166 B	lrw-r--r--	2026-02-28 00:31:26	Edit Download recursive recursive
timingFunctions.js	2.36 KB	lrw-r--r--	2026-02-28 00:31:00	Edit Download recursive recursive
timingFunctions.js.flow	2.38 KB	lrw-r--r--	2026-02-28 00:30:02	Edit Download recursive recursive
triangle.d.ts	281 B	lrw-r--r--	2026-02-28 00:31:26	Edit Download recursive recursive
triangle.js	3.66 KB	lrw-r--r--	2026-02-28 00:31:02	Edit Download recursive recursive
triangle.js.flow	3.01 KB	lrw-r--r--	2026-02-28 00:30:06	Edit Download recursive recursive
wordWrap.d.ts	118 B	lrw-r--r--	2026-02-28 00:31:26	Edit Download recursive recursive
wordWrap.js	743 B	lrw-r--r--	2026-02-28 00:31:04	Edit Download recursive recursive
wordWrap.js.flow	675 B	lrw-r--r--	2026-02-28 00:30:06	Edit Download recursive recursive