fix(inlineStyles): inline styles in order of priority

svg · Nov 12, 2023 · c75d836 · c75d836
1 parent 1f766ac
commit c75d836
Show file tree

Hide file tree

Showing 6 changed files with 17 additions and 6 deletions.
diff --git a/plugins/inlineStyles.js b/plugins/inlineStyles.js
@@ -203,9 +203,17 @@ exports.fn = (root, params) => {
               continue;
             }
             const styleDeclarationItems = new Map();
+
+            /** @type {csstree.ListItem<csstree.CssNode>} */
+            let firstListItem;
+
             csstree.walk(styleDeclarationList, {
               visit: 'Declaration',
               enter(node, item) {
+                if (firstListItem == null) {
+                  firstListItem = item;
+                }
+
                 styleDeclarationItems.set(node.property.toLowerCase(), item);
               },
             });
@@ -232,7 +240,10 @@ exports.fn = (root, params) => {
                 const ruleDeclarationItem =
                   styleDeclarationList.children.createItem(ruleDeclaration);
                 if (matchedItem == null) {
-                  styleDeclarationList.children.append(ruleDeclarationItem);
+                  styleDeclarationList.children.insert(
+                    ruleDeclarationItem,
+                    firstListItem
+                  );
                 } else if (
                   matchedItem.data.important !== true &&
                   ruleDeclaration.important === true

diff --git a/test/plugins/inlineStyles.03.svg b/test/plugins/inlineStyles.03.svg
diff --git a/test/plugins/inlineStyles.05.svg b/test/plugins/inlineStyles.05.svg
diff --git a/test/plugins/inlineStyles.16.svg b/test/plugins/inlineStyles.16.svg
diff --git a/test/plugins/inlineStyles.19.svg b/test/plugins/inlineStyles.19.svg
diff --git a/test/plugins/inlineStyles.22.svg b/test/plugins/inlineStyles.22.svg