Adding trsform molecule #60

client-side/build/absurd.js

@@ -1,4 +1,4 @@
-/* version: 0.3.145, born: 10-2-2014 16:20 */
+/* version: 0.3.147, born: 17-2-2014 23:10 */
 var Absurd = (function(w) {
 var lib = { 
     api: {},

client-side/build/absurd.organic.js

@@ -1,4 +1,4 @@
-/* version: 0.3.145, born: 10-2-2014 16:20 */
+/* version: 0.3.147, born: 17-2-2014 23:10 */
 var Organic = (function(w){
 var o = {
 	helpers: {},
@@ -2128,6 +2128,11 @@ o.lib.molecules.transparent = function(value) {
 	r['opacity'] = value;
 	r['KhtmlOpacity'] = value;
 	return r;
+}
+o.lib.molecules.trsform = function(value) {
+	return {
+		'-wmso-transform': value
+	}
 };
 return o.index;
 })(window);

client-side/tests/tests.from.node.js

@@ -3053,6 +3053,17 @@ describe("Testing molecules", function() {
 		}, { minify: true });
 	});
 
+	it("should use trsform", function(done) {
+		api.add({
+			'.container': {
+				trsform: 'rotate(-20deg) scale(1.2, 1.2)'
+			}
+		}).compile(function(err, css) {
+			expect(css).toBe(".container{transform: rotate(-20deg) scale(1.2,1.2);-webkit-transform: rotate(-20deg) scale(1.2,1.2);-moz-transform: rotate(-20deg) scale(1.2,1.2);-ms-transform: rotate(-20deg) scale(1.2,1.2);-o-transform: rotate(-20deg) scale(1.2,1.2);}");
+			done();
+		}, { minify: true });
+	});
+
 });
 describe("Moving a selector to the top of the chain", function() {
 

lib/processors/css/organic/lib/molecules/trsform.js

@@ -0,0 +1,5 @@
+module.exports = function(value) {
+	return {
+		'-wmso-transform': value
+	}
+}

package.json

@@ -1,8 +1,8 @@
 {
   "name": "absurd",
-  "version": "0.3.146",
+  "version": "0.3.147",
   "homepage": "http://absurdjs.com/",
-  "description": "CSS/HTML preprocessor. Check out krasimirtsonev.com/blog/article/AbsurdJS-fundamentals",
+  "description": "JavaScript library with superpowers - http://absurdjs.com/",
   "main": "./index.js",
   "author": {
     "name": "Krasimir Tsonev",

tasks/tmp/absurd-organic.js

@@ -2075,4 +2075,9 @@ o.lib.molecules.transparent = function(value) {
 	r['opacity'] = value;
 	r['KhtmlOpacity'] = value;
 	return r;
+}
+o.lib.molecules.trsform = function(value) {
+	return {
+		'-wmso-transform': value
+	}
 }

tests/organic/molecules.spec.js

@@ -220,4 +220,15 @@ describe("Testing molecules", function() {
 		}, { minify: true });
 	});
 
+	it("should use trsform", function(done) {
+		api.add({
+			'.container': {
+				trsform: 'rotate(-20deg) scale(1.2, 1.2)'
+			}
+		}).compile(function(err, css) {
+			expect(css).toBe(".container{transform: rotate(-20deg) scale(1.2,1.2);-webkit-transform: rotate(-20deg) scale(1.2,1.2);-moz-transform: rotate(-20deg) scale(1.2,1.2);-ms-transform: rotate(-20deg) scale(1.2,1.2);-o-transform: rotate(-20deg) scale(1.2,1.2);}");
+			done();
+		}, { minify: true });
+	});
+
 });