Unsafe transforms

[brandonkal]

I have noticed this tool makes some unsafe transforms:
Input CSS:

.entry-title {
  line-height: 1.3;
  color: #222;
}

.entry-title a {
  color: #222;
}

.entry-title a:hover {
  color: #666;
}

Output CSS:

.entry-title {
  line-height: 1.3;
  color: #666;
}

.entry-title a {
  color: #222;
}

Here is another simple example:
Input:

small {
  font-size: 80%
}
small {
  font-size: 85%
}

Output:

small {
  font-size: 80%
}

[AndrewEQ]

Thanks for the feedback, will look into it asap.

[AndrewEQ]

Hey @brandonkal,

I think you may be using an older version, if you're using gulp, make sure your dependencies are up-to-date; I just tested the CSS:

.entry-title {
  line-height: 1.3;
  color: #222;
}

.entry-title a {
  color: #222;
}

.entry-title a:hover {
  color: #666;
}

small {
  font-size: 80%
}
small {
  font-size: 85%
}

and my output was this:

.entry-title {
  line-height: 1.3;
  color: #222;
}

.entry-title a {
  color: #222;
}

.entry-title a:hover {
  color: #666;
}

small {
  font-size: 85%;
}

[brandonkal]

I should clarify that these rules were several hundred lines apart. I didn't think that mattered but it looks like it does.

[AndrewEQ]

Hmm, ok, could you please send me the non processed CSS to test?