Ich habe eine philosophische Debatte mit mir selbst über den besten Ort, um Medienabfragen in Stylesheets zu platzieren. Ich versuche mein CSS modular zu strukturieren (wie OOCSS oder SMACSS, etc.). In diesem Zusammenhang sehe ich zwei Möglichkeiten:

Fügen Sie alle Medienabfragen in einem separaten Stylesheet oder Abschnitt des Haupt-Stylesheets zusammen.Platzieren Sie Medienabfragen unter ihren Basisgegenstücken. Wenn ich zum Beispiel ein Modul namens "news-item" habe, könnte ich alle erforderlichen Medienabfragestile direkt unter die Definition dieses Moduls setzen.

Ich neige zu letzterem, aber es würde bedeuten, dass ich viel mehr separate Medienabfragen hätte (separate Abfragen für jeden logischen CSS-Block, der eine reaktionsfähige Anpassung erfordert).

Irgendwelche Gedanken dazu?