mergeRules

Merges rules by selectors & overlapping property/value pairs. Rules with the same selector, and `@media`, `@supports` or `@container` blocks with the same condition, also merge across rules in between that set none of the same properties. Set `options: { merge: { rules: false } }` to turn it off.

Preset option: merge

Example

Input

.box {
    color: blue;
}
.box {
    font-weight: 700;
}

Output

.box {
    color: blue;
    font-weight: 700;
}