Allow hyphenated property names in $.style()

Otherwise setting CSS variables is impossible!
LeaVerou · Mar 16, 2017 · 986b620 · 986b620
1 parent cf2b6bc
commit 986b620
Show file tree

Hide file tree

Showing 5 changed files with 25 additions and 6 deletions.
diff --git a/bliss.js b/bliss.js
@@ -552,7 +552,16 @@ $.Element.prototype = {
 $.setProps = {
 	// Set a bunch of inline CSS styles
 	style: function (val) {
-		$.extend(this.style, val);
+		for (var property in val) {
+			if (property in this.style) {
+				// camelCase versions
+				this.style[property] = val[property];
+			}
+			else {
+				// This way we can set CSS Variables too and use normal property names
+				this.style.setProperty(property, val[property]);
+			}
+		}
 	},
 
 	// Set a bunch of attributes