From b4833bf2a338359b7ea349b0826165fdc849a7b4 Mon Sep 17 00:00:00 2001 From: Sam Atkins Date: Wed, 29 Sep 2021 15:49:27 +0100 Subject: [PATCH] Base: Add media-queries test page --- Base/res/html/misc/media-queries.html | 106 ++++++++++++++++++++++++++ Base/res/html/misc/welcome.html | 1 + 2 files changed, 107 insertions(+) create mode 100644 Base/res/html/misc/media-queries.html diff --git a/Base/res/html/misc/media-queries.html b/Base/res/html/misc/media-queries.html new file mode 100644 index 0000000000..1a8f11229b --- /dev/null +++ b/Base/res/html/misc/media-queries.html @@ -0,0 +1,106 @@ + + + + + Media queries + + + +

+ This should be green, with a black border and black text, if we are correctly ignoring @media rules that do not apply. +

+

+ This should be green, with a black border and black text, if we are correctly applying @media screen. +

+

+ This should be green, with a black border and black text, if the window is at least 400px wide. +

+

+ This should be green, with a black border and black text, if the window is at most 1000px wide. +

+

+ This should be green, with a black border and black text, if the window is between 400px and 1000px wide. +

+

+ This should be green, with a black border and black text, if we detected the color feature. +

+

+ This should be green, with a black border and black text, if we detected the color feature and we understand not. +

+

+ This should be green, with a black border and black text, if we detected the color feature and a deeply nested query: (color) or ((color) and ((color) or (color) or (not (color)))). +

+ + diff --git a/Base/res/html/misc/welcome.html b/Base/res/html/misc/welcome.html index 8f93bed723..30225b9023 100644 --- a/Base/res/html/misc/welcome.html +++ b/Base/res/html/misc/welcome.html @@ -115,6 +115,7 @@
  • system palette color css extension
  • calc()
  • @import
    • +
  • @media queries
  • margin collapsing 1
  • margin collapsing 2
  • position: absolute, offset from edges