1754547 - Provide a @media query to target major platform/toolkits

Status: RESOLVED FIXED

(Toolkit :: Themes, task)

Description

[Sam Foster [:sfoster] (he/him)]

We currently use CONFIG["MOZ_WIDGET_TOOLKIT"] to determine which of the windows/osx/linux theme directory branches to package. We don't have a good way to make a similar distinction from the stylesheet itself however.

I'd like to be able to provide a media query and set of rules for each of the major platforms/toolkits we support, e.g.

@media (-moz-platform: windows) {
  /* some rules targeting windows OS  */
}
@media (-moz-platform: osx) {
  /* some rules targeting mac OS  */
}
@media (-moz-platform: linux {
  /* some rules targeting linux (by which I think we normally mean gtk in practice?  */
}

I'm not sure what the naming or query structure should be. We support @media (-moz-mac-rtl for example, but also @media (-moz-os-version: windows-win10).

Comment 1

[Sam Foster [:sfoster] (he/him)]

Not sure if this is in the right bug component, but there's that bug :emilio. Let me know if I can answer any more questions about the requirement.

Comment 2

[Emilio Cobos Álvarez [:emilio]]

Attachment: Bug 1754547 - Generalize moz-os-version into moz-platform. r=sfoster,dao

Allow differentiating non-windows platforms on it.

Comment 3

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/2b9a5979a66e
Generalize moz-os-version into moz-platform. r=dao,preferences-reviewers,Gijs

Comment 4

[Sandor Molnar[:smolnar]]

https://hg.mozilla.org/mozilla-central/rev/2b9a5979a66e

Comment 5

[Magnus Melin [:mkmelin]]

Attachment: Bug 1754547 - replace moz-os-version with moz-platform in Thunderbird code. r=Paenglab

find . -type f -not -path ".hg/" -not -path "suite/" -regex "..css$" -exec sed -i -E 's/-moz-os-version/-moz-platform/g' {} ;