facepaint - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

package.json

		{
		"name": "facepaint",
		"version": "1.0.1",
		"version": "1.0.2",
		"description": "Responsive style values for css-in-js.",
		@@ -5,0 +5,0 @@ "main": "dist/index.cjs.js",

README.md

src/index.js

		/* eslint-disable no-param-reassign */
		export default function(css, breakpoints) {
		const mq = [""].concat(breakpoints);
		export default function(breakpoints) {
		const mq = [''].concat(breakpoints)
		function flatten(obj) {
		return css(
		Object.keys(obj).reduce((slots, key) => {
		if (Array.isArray(obj[key])) {
		obj[key].forEach((v, index) => {
		if (index === 0) {
		slots[key] = v;
		} else if (!slots[mq[index]]) {
		slots[mq[index]] = { [key]: v };
		} else {
		slots[mq[index]][key] = v;
		}
		});
		} else if (typeof obj[key] === "object") {
		slots[key] = flatten(obj[key]);
		} else {
		slots[key] = obj[key];
		}
		return slots;
		}, {})
		);
		return Object.keys(obj).reduce((slots, key) => {
		if (Array.isArray(obj[key])) {
		obj[key].forEach((v, index) => {
		if (index === 0) {
		slots[key] = v
		} else if (!slots[mq[index]]) {
		slots[mq[index]] = { [key]: v }
		} else {
		slots[mq[index]][key] = v
		}
		})
		} else if (typeof obj[key] === 'object') {
		slots[key] = flatten(obj[key])
		} else {
		slots[key] = obj[key]
		}
		return slots
		}, {})
		}

		return (...values) => values.map(flatten);
		return (...values) => values.map(flatten)
		}

New alerts