postcss-combine-media-query

PostCSS plugin to combine equal media query rules. (by SassNinja)

Postcss-combine-media-query Alternatives

Similar projects and alternatives to postcss-combine-media-query based on common topics and language

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a better postcss-combine-media-query alternative or higher similarity.

postcss-combine-media-query reviews and mentions

Posts with mentions or reviews of postcss-combine-media-query. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2022-07-08.
  • Need help getting PostCSS and a plugin working
    2 projects | /r/vuejs | 8 Jul 2022
    First, just want to say I'm pretty new to having a full build-process and the Vue scene in general so apologies for my ignorance on these matters. I've been trying to get postcss-sort-media-queries to work for a solid day now. I cannot get it to run automatically. I installed postcss-cli and manually run it just fine so all the pieces are theoretically there. From my understanding, the postcss-config file doesn't work in Vue3. I have tried the following in package.json: "postcss": { "plugins": { "postcss-sort-media-queries": { "sort": "desktop-first" } } },   I've also tried the following in vue.config.js (please note, I've left all three options I've tried based on various formats I've seen in forums etc): const postcssSortMediaQueries = require("postcss-sort-media-queries"); ... css: { loaderOptions: { postcss: { postcssOptions: { plugins: [ ["postcss-sort-media-queries", {sort: "desktop-first"}], postcssSortMediaQueries({ sort: "desktop-first" }), require("postcss-sort-media-queries")({ sort: "desktop-first" }), ] } }, sass: { additionalData: @import "@/assets/styles/base/_variables.scss"; @import "@/assets/styles/mixins/_mixins.scss"; } } }, ...   There are no errors when running 'npm run build' so I have nothing to go off of as to why it's not firing. Thanks for any and all help!
  • Where should I define my @media queries when using Sass 7-1 pattern?
    1 project | /r/webdev | 2 Jun 2021
    That being said, I also use the postcss-combine-media-query (Github link) PostCSS plugin to combine all queries which matching conditions and move them to the end of the final file.
  • The new CSS aspect-ratio property
    1 project | /r/web_design | 2 Feb 2021
    PostCSS is a POSTprocessor. It takes CSS and can do a number of things like combining media queries(combine-media-queries), replacing rules with vendor-prefixes (autoprefixer) or adding support for future-css properties (preset-env).
  • A note from our sponsor - InfluxDB
    www.influxdata.com | 24 Apr 2024
    Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality. Learn more →

Stats

Basic postcss-combine-media-query repo stats
3
111
0.0
almost 2 years ago

SassNinja/postcss-combine-media-query is an open source project licensed under MIT License which is an OSI approved license.

The primary programming language of postcss-combine-media-query is JavaScript.


Sponsored
The modern identity platform for B2B SaaS
The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
workos.com