sass - Is there a CSS postprocessor that groups together the same declarations found in multiple rules? -

for example, if have:

.example1 {   color: #646464; }  .example2 {   color: #646464; } 

after processing done, code like:

.example1, .example2 {   color: #646464; } 

because designs work with, find myself using same declaration on many many rules (from different pages, etc. can't group them on spot) , know if helps speed rendering in way or if has benefits.

you can use csso option restructuring: true, more postprocessing preprocessing :)

.example1 {   width: 100px;   height: 100px;   background: red; } .example2 {   width: 100px;   height: 100px;   background: blue; } 

output be

.example1, .example2 {   width: 100px;   height: 100px;   background: red; } .example2 {   background: blue; }