From 7fe0002ec958e09d86172e6ff20a420aa1df909e Mon Sep 17 00:00:00 2001
From: Artur Arseniev <artur.catch@hotmail.it>
Date: Sat, 20 Mar 2021 00:07:26 +0100
Subject: [PATCH] Track CSS changes

---
 src/css_composer/model/CssRule.js | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/css_composer/model/CssRule.js b/src/css_composer/model/CssRule.js
index dc53027fe..191941fb5 100644
--- a/src/css_composer/model/CssRule.js
+++ b/src/css_composer/model/CssRule.js
@@ -3,6 +3,7 @@ import Backbone from 'backbone';
 import Styleable from 'domain_abstract/model/Styleable';
 import { isEmpty, forEach } from 'underscore';
 import Selectors from 'selector_manager/model/Selectors';
+import { isEmptyObj } from 'utils/mixins';
 
 const { CSS } = window;
 
@@ -46,6 +47,13 @@ export default Backbone.Model.extend(Styleable).extend({
     this.opt = opt;
     this.em = opt.em;
     this.ensureSelectors();
+    this.on('change', this.__onChange);
+  },
+
+  __onChange(m, opts) {
+    const { em } = this;
+    const changed = this.changedAttributes();
+    !isEmptyObj(changed) && em && em.changesUp(opts);
   },
 
   clone() {