initial function set

rofrischmann · rofrischmann · commit b298a474c079 · 2016-10-23T21:46:25.000+02:00
diff --git a/modules/functions/hsl.js b/modules/functions/hsl.js
@@ -0,0 +1,6 @@
+import isObject from '../utils/isObject'
+
+export default function hsl(h, s, l) {
+  const values = isObject(h) ? [ h.hue, h.saturation, h.lightness ] : [ h, s, l ]
+  return 'hsl(' + values.join(',') + ')'
+}
diff --git a/modules/functions/hsla.js b/modules/functions/hsla.js
@@ -0,0 +1,6 @@
+import isObject from '../utils/isObject'
+
+export default function hsla(h, s, l, a) {
+  const values = isObject(h) ? [ h.hue, h.saturation, h.lightness, h.alpha ] : [ h, s, l, a ]
+  return 'hsla(' + values.join(',') + ')'
+}
diff --git a/modules/functions/matrix.js b/modules/functions/matrix.js
@@ -0,0 +1,6 @@
+import isObject from '../utils/isObject'
+
+export default function matrix(a, b, c, d, x, y) {
+  const values = isObject(a) ? [ r.a, r.b, r.c, r.d, r.x, r.y ] : [ a, b, c, d, x, y ]
+  return 'matrix(' + values.join(',') + ')'
+}
diff --git a/modules/functions/matrix3d.js b/modules/functions/matrix3d.js
@@ -0,0 +1,6 @@
+import isObject from '../utils/isObject'
+
+export default function matrix3d(a1, b1, c1, d1, a2, b2, c2, d2, a3, b3, c3, d3, a4, b4, c4, d4) {
+  const values = isObject(a1) ? [ r.a1, r.b1, r.c1, r.d1, r.a2, r.b2, r.c2, r.d2, r.a3, r.b3, r.c3, r.d3, r.a4, r.b4, r.c4, r.d4 ] : [ a1, b1, c1, d1, a2, b2, c2, d2, a3, b3, c3, d3, a4, b4, c4, d4 ]
+  return 'matrix3d(' + values.join(',') + ')'
+}
diff --git a/modules/functions/perspective.js b/modules/functions/perspective.js
@@ -0,0 +1,3 @@
+export default function perspective(p) {
+  return 'perspective(' + p + ')'
+}
diff --git a/modules/functions/rgb.js b/modules/functions/rgb.js
@@ -0,0 +1,6 @@
+import isObject from '../utils/isObject'
+
+export default function rgb(r, g, b) {
+  const values = isObject(r) ? [ r.red, r.green, r.blue ] : [ r, g, b ]
+  return 'rgb(' + values.join(',') + ')'
+}
diff --git a/modules/functions/rgba.js b/modules/functions/rgba.js
@@ -0,0 +1,6 @@
+import isObject from '../utils/isObject'
+
+export default function rgba(r, g, b, a) {
+  const values = isObject(r) ? [ r.red, r.green, r.blue, r.alpha ] : [ r, g, b, a ]
+  return 'rgba(' + values.join(',') + ')'
+}
diff --git a/modules/functions/rotate.js b/modules/functions/rotate.js
@@ -0,0 +1,6 @@
+import isObject from '../utils/isObject'
+
+export default function rotate(x, y) {
+  const values = isObject(x) ? [ r.x, r.y ] : [ x, y ]
+  return 'rotate(' + values.join(',') + ')'
+}
diff --git a/modules/functions/rotate3d.js b/modules/functions/rotate3d.js
@@ -0,0 +1,6 @@
+import isObject from '../utils/isObject'
+
+export default function rotate3d(x, y, z) {
+  const values = isObject(x) ? [ r.x, r.y, r.z ] : [ x, y, z ]
+  return 'rotate3d(' + values.join(',') + ')'
+}
diff --git a/modules/functions/rotateX.js b/modules/functions/rotateX.js
@@ -0,0 +1,3 @@
+export default function rotateX(x) {
+  return 'rotateX(' + x + ')'
+}
diff --git a/modules/functions/rotateY.js b/modules/functions/rotateY.js
@@ -0,0 +1,3 @@
+export default function rotateY(y) {
+  return 'rotateY(' + y + ')'
+}
diff --git a/modules/functions/rotateZ.js b/modules/functions/rotateZ.js
@@ -0,0 +1,3 @@
+export default function rotateZ(z) {
+  return 'rotateZ(' + z + ')'
+}
diff --git a/modules/functions/scale.js b/modules/functions/scale.js
@@ -0,0 +1,6 @@
+import isObject from '../utils/isObject'
+
+export default function scale(x, y) {
+  const values = isObject(x) ? [ r.x, r.y ] : [ x, y ]
+  return 'scale(' + values.join(',') + ')'
+}
diff --git a/modules/functions/scale3d.js b/modules/functions/scale3d.js
@@ -0,0 +1,6 @@
+import isObject from '../utils/isObject'
+
+export default function scale3d(x, y, z) {
+  const values = isObject(x) ? [ r.x, r.y, r.z ] : [ x, y, z ]
+  return 'scale3d(' + values.join(',') + ')'
+}
diff --git a/modules/functions/scaleX.js b/modules/functions/scaleX.js
@@ -0,0 +1,3 @@
+export default function scaleX(x) {
+  return 'scaleX(' + x + ')'
+}
diff --git a/modules/functions/scaleY.js b/modules/functions/scaleY.js
@@ -0,0 +1,3 @@
+export default function scaleY(y) {
+  return 'scaleY(' + y + ')'
+}
diff --git a/modules/functions/scaleZ.js b/modules/functions/scaleZ.js
@@ -0,0 +1,3 @@
+export default function scaleZ(z) {
+  return 'scaleZ(' + z + ')'
+}
diff --git a/modules/functions/skew.js b/modules/functions/skew.js
@@ -0,0 +1,6 @@
+import isObject from '../utils/isObject'
+
+export default function skew(x, y) {
+  const values = isObject(x) ? [ r.x, r.y ] : [ x, y ]
+  return 'skew(' + values.join(',') + ')'
+}
diff --git a/modules/functions/skewX.js b/modules/functions/skewX.js
@@ -0,0 +1,3 @@
+export default function skewX(x) {
+  return 'skewX(' + x + ')'
+}
diff --git a/modules/functions/skewY.js b/modules/functions/skewY.js
@@ -0,0 +1,3 @@
+export default function skewY(x) {
+  return 'skewY(' + x + ')'
+}
diff --git a/modules/functions/translate.js b/modules/functions/translate.js
@@ -0,0 +1,6 @@
+import isObject from '../utils/isObject'
+
+export default function translate(x, y) {
+  const values = isObject(x) ? [ r.x, r.y ] : [ x, y ]
+  return 'translate(' + values.join(',') + ')'
+}
diff --git a/modules/functions/translate3d.js b/modules/functions/translate3d.js
@@ -0,0 +1,6 @@
+import isObject from '../utils/isObject'
+
+export default function translate(x, y, z) {
+  const values = isObject(x) ? [ r.x, r.y, r.z ] : [ x, y, z ]
+  return 'translate(' + values.join(',') + ')'
+}
diff --git a/modules/functions/translateX.js b/modules/functions/translateX.js
@@ -0,0 +1,3 @@
+export default function translateX(x) {
+  return 'translateX(' + x + ')'
+}
diff --git a/modules/functions/translateY.js b/modules/functions/translateY.js
@@ -0,0 +1,3 @@
+export default function translateY(y) {
+  return 'translateY(' + y + ')'
+}
diff --git a/modules/functions/translateZ.js b/modules/functions/translateZ.js
@@ -0,0 +1,3 @@
+export default function translateZ(z) {
+  return 'translateZ(' + z + ')'
+}
diff --git a/modules/index.js b/modules/index.js
@@ -0,0 +1,57 @@
+import hsl from './functions/hsl'
+import hsla from './functions/hsla'
+import matrix from './functions/matrix'
+import matrix3d from './functions/matrix3d'
+import perspective from './functions/perspective'
+import rgb from './functions/rgb'
+import rgba from './functions/rgba'
+import rotate from './functions/rotate'
+import rotate3d from './functions/rotate3d'
+import rotateX from './functions/rotateX'
+import rotateY from './functions/rotateY'
+import rotateZ from './functions/rotateZ'
+import scale from './functions/scale'
+import scale3d from './functions/scale3d'
+import scaleX from './functions/scaleX'
+import scaleY from './functions/scaleY'
+import scaleZ from './functions/scaleZ'
+import skew from './functions/skew'
+import skewX from './functions/skewX'
+import skewY from './functions/skewY'
+import translate from './functions/translate'
+import translate3d from './functions/translate3d'
+import translateX from './functions/translateX'
+import translateY from './functions/translateY'
+import translateZ from './functions/translateZ'
+
+import multiple from './multiple'
+
+export default {
+  hsl,
+  hsla,
+  matrix,
+  matrix3d,
+  perspective,
+  rgb,
+  rgba,
+  rotate,
+  rotate3d,
+  rotateX,
+  rotateY,
+  rotateZ,
+  scale,
+  scale3d,
+  scaleX,
+  scaleY,
+  scaleZ,
+  skew,
+  skewX,
+  skewY,
+  translate,
+  translate3d,
+  translateX,
+  translateY,
+  translateZ,
+
+  multiple
+}
diff --git a/modules/multiple.js b/modules/multiple.js
@@ -0,0 +1,3 @@
+export default function multiple(...cssFunctions) {
+  return cssFunctions.join(' ')
+}
diff --git a/modules/utils/isObject.js b/modules/utils/isObject.js
@@ -0,0 +1,3 @@
+export default function isObject(obj) {
+  return obj instanceof Object && !Array.isArray(obj)
+}
diff --git a/test/multiple.js b/test/multiple.js
@@ -0,0 +1,7 @@
+import multiple from '../modules/multiple'
+
+describe('Combining multiple css functions', () => {
+  it('should concatenate each function', () => {
+    expect(multiple('translateX(30px) translateY(40px)')).to.eql('translateX(30px) translateY(40px)')
+  })
+})

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+export default function perspective(p) {`
	`2`	`+ return 'perspective(' + p + ')'`
	`3`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+export default function rotateX(x) {`
	`2`	`+ return 'rotateX(' + x + ')'`
	`3`	`+}`