navita icon indicating copy to clipboard operation
navita copied to clipboard

Better grouping for identical value pseudo rules

Open Zn4rK opened this issue 7 months ago • 0 comments

const x = style({
  '&:hover': {
    background: 'red',
  }
});

const x2 = style({
  '&:active': {
    background: 'red',
  }
});

Will produce the following css:

.a1:hover {
  background: red;
}

.b1:active {
  background: red;
}

But it could produce the following CSS to save a few bytes:

.a1:hover, .b1:active {
   background: red;
}

Zn4rK avatar Nov 13 '23 10:11 Zn4rK