worm-emoji / stylesheet-differ

Outputs the difference of two stylesheets as valid css

Home Page:https://www.npmjs.com/package/stylesheet-differ

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Returns entire rule instead of declarations changed within rule

Jarred-Sumner opened this issue · comments

Current output:

body {
  min-height: calc(100vh - 24px);
  line-height: 1;
  font-family: IBMPlexSans, sans-serif;
  -webkit-font-smoothing: antialiased;
}

Expected output:

body {
  min-height: calc(100vh - 24px);
}

My guess is: https://github.com/lukemiles/stylesheet-differ/blob/78914836b97bed24c9a0444677e9fb11a589deba/lib/index.js#L20

When calling _.difference, for each rule that changed, it should only return the changed declarations (or the entire rule if the selector(s) changed)