Aspect ratio fraction is being converted to a number

[bendytree]

On less 3.0.4 it is converting the aspect ratio in media queries to a number:

// Less 3.0.4
@media (max-aspect-ratio: 1/2) {
  .foo { color:red; }
}

// CSS
@media (max-aspect-ratio: 0.5) {
  .foo { color: red; }
}

For whatever reason, this ratio is supposed to be a fraction and not a number. So it's currently broken on Chrome, etc. Here's an example

---

For anyone having this issue, escaping is a good workaround:

@media (max-aspect-ratio: ~"1/2") {
  .foo { color:red; }
}

[seven-phases-max]

Yes, this is expected behaviour after 3.x turned @media to conform the strict-math option behavior (to unify with arithmetics handling in other contexts - #1480).

"What to do with /?" and related things are discussed at #1880.

[seven-phases-max]

Closing in favour of #1880.