color and border style (#169)

estelle · web-flow · commit 5b8e3d525962 · 2024-01-09T07:26:05.000+01:00
diff --git a/feature-queries/simple.html b/feature-queries/simple.html
@@ -14,7 +14,7 @@
       }
       @supports (row-gap: 10px) {
         .box {
-          border: 4px solid red;
+          border: 4px dashed darkgreen;
           color: red;
         }
       }
@@ -24,7 +24,8 @@
   <body>
     <section class="preview">
       <div class="box">
-        If your browser supports row-gap, the text and border will be red.
+        If your browser supports row-gap, border will be be 
+        dashed and text will be darkgreen
       </div>
     </section>
 
@@ -35,15 +36,15 @@
 }
 @supports (row-gap: 10px) {
   .box {
-    border: 4px solid red;
+    border: 4px dashed darkgreen;
     color: red;
   }
 }</textarea
     >
 
     <textarea class="playable playable-html" style="height: 120px">
 <div class="box">
-If your browser supports row-gap, the text and border will be red.
+If your browser supports row-gap, border will be be dashed and text will be darkgreen
 </div></textarea
     >
 

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