diff --git a/feature-queries/and.html b/feature-queries/and.html
index c77848dd..0b4978a7 100644
--- a/feature-queries/and.html
+++ b/feature-queries/and.html
@@ -14,7 +14,7 @@
}
@supports (display: grid) and (shape-outside: circle()) {
.box {
- border: 4px solid red;
+ border: 4px dashed red;
color: red;
}
}
@@ -25,7 +25,7 @@
If your browser supports display: grid and shape-outside: circle(), the
- text and border will be red.
+ content will be red with a dashed border.
@@ -36,7 +36,7 @@
}
@supports (display: grid) and (shape-outside: circle()) {
.box {
- border: 4px solid red;
+ border: 4px dashed red;
color: red;
}
}
diff --git a/feature-queries/not.html b/feature-queries/not.html
index 19eca9bd..7920b66f 100644
--- a/feature-queries/not.html
+++ b/feature-queries/not.html
@@ -14,7 +14,7 @@
}
@supports not (row-gap: 10px) {
.box {
- border: 4px solid red;
+ border: 4px dashed red;
color: red;
}
}
@@ -24,8 +24,8 @@
- If your browser does not support row-gap, the text and border will be
- red.
+ If your browser does not support row-gap, the content will be
+ red with a dashed border.
@@ -36,7 +36,7 @@
}
@supports not (row-gap: 10px) {
.box {
- border: 4px solid red;
+ border: 4px dashed red;
color: red;
}
}
diff --git a/feature-queries/or.html b/feature-queries/or.html
index 73df79b0..3cb3d2d4 100644
--- a/feature-queries/or.html
+++ b/feature-queries/or.html
@@ -12,10 +12,10 @@
border: 4px solid blue;
color: blue;
}
- @supports (display: grid) or (display: -ms-grid) {
+ @supports (font-smooth: always) or (-webkit-font-smoothing: antialiased) {
.box {
- border: 4px solid red;
- color: red;
+ border: 4px dashed darkgreen;
+ color: darkgreen;
}
}
@@ -24,8 +24,8 @@
- If your browser supports display: grid or display: -ms-grid, the text
- and border will be red.
+ If your browser supports font smoothing, the text
+ and border will be green.
@@ -34,17 +34,17 @@
border: 4px solid blue;
color: blue;
}
-@supports (display: grid) or (display: -ms-grid) {
+@supports (font-smooth: always) or (-webkit-font-smoothing: antialiased) {
.box {
- border: 4px solid red;
- color: red;
+ border: 4px dashed darkgreen;
+ color: darkgreen;
}
}