Skip to content

Combine nested media queries on compilation #175

@melat0nin

Description

@melat0nin

Would it be possible to combine nested MQs on compilation to reduce filesize? At the moment scss-php (and I believe SASS in general) will output this:

@media (max-width: 767px) {
  header #logo {
    background: black; } }
@media (max-width: 767px) {
  header {
    width: 90%; } }

...instead of:

@media (max-width: 767px) {
  header #logo {
    background: black; } 
  header {
    width: 90%; } }

The duplication of code can make for large files if there's a lot of SASS.

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions