fixed error: -webkit-font-smoothing value (#167)

estelle · web-flow · commit b73155d346a2 · 2024-01-03T19:14:24.000+01:00
always is not a valid value for the experimental prefixed property.
also, improved grammar
diff --git a/feature-queries/or.html b/feature-queries/or.html
@@ -12,7 +12,7 @@
         border: 4px solid blue;
         color: blue;
       }
-      @supports (font-smooth: always) or (-webkit-font-smoothing: always) {
+      @supports (font-smooth: always) or (-webkit-font-smoothing: antialiased) {
         .box {
           border: 4px dashed darkgreen;
           color: darkgreen;
@@ -24,8 +24,7 @@
   <body>
     <section class="preview">
       <div class="box">
-        If your browser supports font smoothing, the text
-        and border will be green.
+        The text and border will be green if your browser supports font smoothing.
       </div>
     </section>
 
@@ -34,7 +33,7 @@
   border: 4px solid blue;
   color: blue;
 }
-@supports (font-smooth: always) or (-webkit-font-smoothing: always) {
+@supports (font-smooth: always) or (-webkit-font-smoothing: antialiased) {
   .box {
     border: 4px dashed darkgreen;
     color: darkgreen;
@@ -44,7 +43,7 @@
 
     <textarea class="playable playable-html" style="height: 120px">
 <div class="box">
-  If your browser supports font smoothing, the text and border will be green.
+  The text and border will be green if your browser supports font smoothing.
 </div></textarea
     >
 
