Skip to content

feat: sort media queries option#1681

Merged
cossssmin merged 4 commits intomasterfrom
merge-media-queries
Feb 12, 2026
Merged

feat: sort media queries option#1681
cossssmin merged 4 commits intomasterfrom
merge-media-queries

Conversation

@cossssmin
Copy link
Member

Allow opting in to media query sorting and merging through the css.sortMediaQueries config option:

export default {
  css: {
    sortMediaQueries: true,
  }
}

Can be an object that configures postcss-sort-media-queries:

export default {
  css: {
    sortMediaQueries: {
		sort: 'mobile-first',
    },
  }
}

Disabled by default.

allows opting in to media query sorting and merging, disabled by default
@cossssmin
Copy link
Member Author

Think this looks better:

export default {
  css: {
    media: {
      sort: 'mobile-first',
    },
  }
}

And as long as media is not a falsy value, media queries will be merged:

export default {
  css: {
    media: {
      merge: true,
    },
    // same as `media: true`
  }
}

@cossssmin cossssmin merged commit 46650f4 into master Feb 12, 2026
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant