Verify that media queries are reported properly.
mediaRule #0
text: (10px < width < 1000px)
source: mediaRule
range: {"endColumn":30,"endLine":13,"startColumn":7,"startLine":13}
computedText: (10px < width < 1000px)
mediaQuery #0
mediaExpression #0
feature: width
value: 1000
unit: px
computed length: 1000
mediaRule #1
text: (max-width: 0px), (min-width: 1000em)
source: mediaRule
range: {"endColumn":52,"endLine":12,"startColumn":7,"startLine":12}
computedText: all and (max-width: 0px), (min-width: 1000em)
mediaQuery #0 active: false
mediaExpression #0
feature: max-width
value: 0
unit: px
mediaQuery #1 active: false
mediaExpression #0
feature: min-width
value: 1000
unit: em
computed length: 16000
mediaRule #2
text: (max-width: 100px), (max-width: 72em)
source: mediaRule
range: {"endColumn":65,"endLine":21,"startColumn":7,"startLine":21}
computedText: (max-width: 100px), (max-width: /* comment inside */ 72em)
mediaQuery #0
mediaExpression #0
feature: max-width
value: 100
unit: px
computed length: 100
mediaQuery #1
mediaExpression #0
feature: max-width
value: 72
unit: em
computed length: 1152
mediaRule #3
text: (max-width: 200px) and (min-width: 100px)
source: mediaRule
range: {"endColumn":52,"endLine":6,"startColumn":11,"startLine":6}
computedText: (max-width: 200px) and (min-width: 100px)
mediaQuery #0
mediaExpression #0
feature: max-width
value: 200
unit: px
computed length: 200
mediaExpression #1
feature: min-width
value: 100
unit: px
computed length: 100
mediaRule #4
text: (min-monochrome: 8)
source: mediaRule
range: {"endColumn":38,"endLine":22,"startColumn":11,"startLine":22}
computedText: all and (min-monochrome: 8)
mediaQuery #0
mediaExpression #0
feature: min-monochrome
value: 8
unit:
mediaRule #5
text: (min-width: 100px)
source: mediaRule
range: {"endColumn":25,"endLine":4,"startColumn":7,"startLine":4}
computedText: (min-width: 100px)
mediaQuery #0
mediaExpression #0
feature: min-width
value: 100
unit: px
computed length: 100
mediaRule #6
text: (min-width: 100px)
source: mediaRule
range: {"endColumn":25,"endLine":4,"startColumn":7,"startLine":4}
computedText: (min-width: 100px)
mediaQuery #0
mediaExpression #0
feature: min-width
value: 100
unit: px
computed length: 100
mediaRule #7
text: (min-width: 100px)
source: mediaRule
range: {"endColumn":25,"endLine":4,"startColumn":7,"startLine":4}
computedText: (min-width: 100px)
mediaQuery #0
mediaExpression #0
feature: min-width
value: 100
unit: px
computed length: 100
mediaRule #8
text: (min-width: 1px), (max-width: 1000em)
source: mediaRule
range: {"endColumn":1,"endLine":9,"startColumn":7,"startLine":1}
computedText: all\n\nand ( min-width:\n 1px),\n\n (max-width: 1000em\n\n\n)
mediaQuery #0 active: true
mediaExpression #0
feature: min-width
value: 1
unit: px
computed length: 1
mediaQuery #1 active: true
mediaExpression #0
feature: max-width
value: 1000
unit: em
computed length: 16000
mediaRule #9
text: (min-width: 20px) and (max-width: 10px)
source: mediaRule
range: {"endColumn":46,"endLine":13,"startColumn":7,"startLine":13}
computedText: (min-width: 20px) and (max-width: 10px)
mediaQuery #0 active: false
mediaExpression #0
feature: min-width
value: 20
unit: px
computed length: 20
mediaExpression #1
feature: max-width
value: 10
unit: px
computed length: 10
mediaRule #10
text: (orientation: landscape), handheld and (max-resolution: 3dppx)
source: importRule
range: {"endColumn":99,"endLine":3,"startColumn":37,"startLine":3}
computedText: (orientation: landscape), handheld and (max-resolution: 3dppx)
mediaQuery #0
mediaExpression #0
feature: max-resolution
value: 3
unit: dppx
mediaRule #11
text: (orientation: portrait)
source: mediaRule
range: {"endColumn":42,"endLine":14,"startColumn":11,"startLine":14}
computedText: all and (orientation: portrait)
mediaList is empty
mediaRule #12
text: handheld and (min-width: 20em), screen and (min-width: 20em)
source: mediaRule
range: {"endColumn":71,"endLine":8,"startColumn":11,"startLine":8}
computedText: handheld and (min-width: 20em), screen and (min-width: 20em)
mediaQuery #0
mediaExpression #0
feature: min-width
value: 20
unit: em
computed length: 320
mediaQuery #1
mediaExpression #0
feature: min-width
value: 20
unit: em
computed length: 320
mediaRule #13
text: not all
source: mediaRule
range: {"endColumn":43,"endLine":5,"startColumn":7,"startLine":5}
computedText: screen and (min-width: 10px) and and
mediaList is empty
mediaRule #14
text: not all
source: mediaRule
range: {"endColumn":10,"endLine":29,"startColumn":7,"startLine":29}
computedText: (])
mediaList is empty
mediaRule #15
text: print and (min-width: 8.5in)
source: linkedSheet
range: undefined
mediaQuery #0
mediaExpression #0
feature: min-width
value: 8.5
unit: in
computed length: 816
mediaRule #16
text: screen and (device-aspect-ratio: 16 / 9), screen and (device-aspect-ratio: 16 / 10)
source: mediaRule
range: {"endColumn":86,"endLine":1,"startColumn":7,"startLine":1}
computedText: screen and (device-aspect-ratio: 16/9), screen and (device-aspect-ratio: 16/10)
mediaList is empty
mediaRule #17
text: screen and (min-resolution: 2dppx)
source: mediaRule
range: {"endColumn":41,"endLine":7,"startColumn":7,"startLine":7}
computedText: screen and (min-resolution: 2dppx)
mediaQuery #0
mediaExpression #0
feature: min-resolution
value: 2
unit: dppx
mediaRule #18
text: screen and (min-width: 10px) and (max-height: 4000px)
source: importRule
range: {"endColumn":42,"endLine":1,"startColumn":37,"startLine":0}
computedText: screen and\n(min-width: 10px) and (max-height: 4000px)
mediaQuery #0
mediaExpression #0
feature: min-width
value: 10
unit: px
computed length: 10
mediaExpression #1
feature: max-height
value: 4000
unit: px
computed length: 4000
Codebase Browser
chromium