Green is good (#168)

estelle · web-flow · commit a97ee1162d14 · 2024-01-05T07:11:33.000+01:00
* Green is good

* Green is good
diff --git a/feature-queries/and.html b/feature-queries/and.html
@@ -14,8 +14,8 @@
       }
       @supports (display: grid) and (shape-outside: circle()) {
         .box {
-          border: 4px dashed red;
-          color: red;
+          border: 4px dashed darkgreen;
+          color: darkgreen;
         }
       }
     </style>
@@ -25,7 +25,7 @@
     <section class="preview">
       <div class="box">
         If your browser supports display: grid and shape-outside: circle(), the
-        content will be red with a dashed border.
+        content will be darkgreen with a dashed border.
       </div>
     </section>
 
@@ -36,15 +36,15 @@
 }
 @supports (display: grid) and (shape-outside: circle()) {
   .box {
-    border: 4px dashed red;
-    color: red;
+    border: 4px dashed darkgreen;
+    color: darkgreen;
   }
 }</textarea
     >
 
     <textarea class="playable playable-html" style="height: 120px">
 <div class="box">
-If your browser supports display: grid and shape-outside: circle(), the content will be red with a dashed border.
+If your browser supports display: grid and shape-outside: circle(), the content will be darkgreen with a dashed border.
 </div></textarea
     >
 
diff --git a/feature-queries/not.html b/feature-queries/not.html
@@ -14,8 +14,8 @@
       }
       @supports not (row-gap: 10px) {
         .box {
-          border: 4px dashed red;
-          color: red;
+          border: 4px dashed darkgreen;
+          color: darkgreen;
         }
       }
     </style>
@@ -25,7 +25,7 @@
     <section class="preview">
       <div class="box">
         If your browser does not support row-gap, the content will be
-        red with a dashed border.
+        darkgreen with a dashed border.
       </div>
     </section>
 
@@ -36,15 +36,15 @@
 }
 @supports not (row-gap: 10px) {
   .box {
-    border: 4px dashed red;
-    color: red;
+    border: 4px dashed darkgreen;
+    color: darkgreen;
   }
 }</textarea
     >
 
     <textarea class="playable playable-html" style="height: 120px">
 <div class="box">
-If your browser does not support row-gap, the content will be red with a dashed border.
+If your browser does not support row-gap, the content will be darkgreen with a dashed border.
 </div></textarea
     >
 

Original file line number	Diff line number	Diff line change
`@@ -14,8 +14,8 @@`
`14`	`14`	`}`
`15`	`15`	`@supports (display: grid) and (shape-outside: circle()) {`
`16`	`16`	`.box {`
`17`		`- border: 4px dashed red;`
`18`		`- color: red;`
	`17`	`+ border: 4px dashed darkgreen;`
	`18`	`+ color: darkgreen;`
`19`	`19`	`}`
`20`	`20`	`}`
`21`	`21`	`</style>`
`@@ -25,7 +25,7 @@`
`25`	`25`	`<section class="preview">`
`26`	`26`	`<div class="box">`
`27`	`27`	`If your browser supports display: grid and shape-outside: circle(), the`
`28`		`- content will be red with a dashed border.`
	`28`	`+ content will be darkgreen with a dashed border.`
`29`	`29`	`</div>`
`30`	`30`	`</section>`
`31`	`31`
`@@ -36,15 +36,15 @@`
`36`	`36`	`}`
`37`	`37`	`@supports (display: grid) and (shape-outside: circle()) {`
`38`	`38`	`.box {`
`39`		`- border: 4px dashed red;`
`40`		`- color: red;`
	`39`	`+ border: 4px dashed darkgreen;`
	`40`	`+ color: darkgreen;`
`41`	`41`	`}`
`42`	`42`	`}</textarea`
`43`	`43`	`>`
`44`	`44`
`45`	`45`	`<textarea class="playable playable-html" style="height: 120px">`
`46`	`46`	`<div class="box">`
`47`		`-If your browser supports display: grid and shape-outside: circle(), the content will be red with a dashed border.`
	`47`	`+If your browser supports display: grid and shape-outside: circle(), the content will be darkgreen with a dashed border.`
`48`	`48`	`</div></textarea`
`49`	`49`	`>`
`50`	`50`