Update demos and issues

Author: jacobcassidy

.dev-assets/syntax-issues/bugs/property-value-slash-issue.css

@@ -6,7 +6,33 @@
 .example {
   grid-column: 1/-1;
   grid-row: 1 / 3;
+}
+
+
+
+.nested-example {
+  div:active {gap:0}
+
+  /* Unknown use case for active as a property value so it's always a selector */
+  select :active,
+  select:active
+  {
+    content: '{'
+    color:active;
+
+    .nested-example {
+      div:active {gap:0}
+
+      div {
+        content: '{'
+      }
 
-  width: clamp(100px, calc(30% / 2rem - 10px), 900px);
-  width: some-edgy-new-function(30% / 2rem + 10px);
+      select :active,
+      /* Unknown use case for active as a property value so it's always a selector */
+      select:active
+      {
+        color:active
+      }
+    }
+  }
 }

.dev-assets/syntax-issues/bugs/at-supports-issue.css renamed to .dev-assets/syntax-issues/fixed/at-supports-issue.css

@@ -1,5 +1,7 @@
 @namespace "XML";
 
+@namespace "/";
+
 @namespace  prefix  "XML"  ;
 
 @namespace url("http://a.bc/");

.dev-assets/syntax-issues/missing/light-dark-func-issue.css renamed to .dev-assets/syntax-issues/fixed/light-dark-func-issue.css

@@ -0,0 +1,35 @@
+.valid-delimiters {
+  grid-column: 1/-1;
+  grid-row: 1 / 3;
+  font: 16px/1.5 'Helvetica Neue', sans-serif;
+  border-radius:50% / 30%;
+  box-shadow:10px 10px 5px rgba(0,0,0,0.5) / inset;
+  background:url("image.jpg") / cover;
+  grid:auto-flow dense / auto auto;
+}
+
+.invalid-delimiters {
+  content: '/';
+  content: "/";
+  src: url("/webfont.woff2") format("woff2"), url("/webfont.woff") format("woff");
+  width: some-edgy-new-function(30% / 2rem + 10px);
+  max-width: calc((768 / 16) * 1rem);
+  content:ATTR(VAR(--name) px, "N/A");
+  content:ATTR(VAR(--name) px, 'N/A');
+  content:url(http://github.com/);
+
+  a[href^='/page'] {gap: 0;}
+
+  @import "/css/styles.css";
+  @import url("/1.css");
+  @import url("https://fonts.googleapis.com/css?family=Open+Sans");
+  @import url(https://fonts.googleapis.com/css?family=Open+Sans);
+
+  @namespace "/";
+
+  @namespace pre "http://url/";
+
+  @media (min-aspect-ratio: 3 / 4) and (max-aspect-ratio: 20 / 17) {}
+
+  a{content: url (http://a.pl/)}
+}

demo/at-namespace-demo.css

@@ -11,6 +11,7 @@
   font: 16px/1.5 'Helvetica Neue', sans-serif;
   grid-column: 1/-1;
   grid-row: 1 / 3;
+  content: "/";
   unicode-range: u+0-7F;
   unicode-range: U+0025-00FF;
   custom-property: value;

demo/keyword-delimiter.css

@@ -1,5 +1,31 @@
 /* Shared values between selectors and properties. Only matters when using condense formatting without any closing punctuation such as `name:value`, otherwise follow punctuation rules */
 
+/* ACTIVE */
+.nested-example {
+  div:active {gap:0}
+
+  /* Unknown use case for active as a property value so it's always a selector */
+  select :active,
+  select:active
+  {
+    color:active;
+
+    .nested-example {
+      div:active {gap:0}
+
+      div {
+        content: '{'
+      }
+
+      select :active,
+      /* Unknown use case for active as a property value so it's always a selector */
+      select:active
+      {
+        color:active
+      }
+    }
+  }
+
 @supports/*===*/not/*==****************|
 ==*/(display:table-cell)/*============*/ and (display: list-item)/*}*/{}
 
@@ -18,12 +44,12 @@ select:not(something):content
   select :active,
   select:active
   {
-    color:active
+    color:active;
 
     .nested-example {
       div:active {gap:0}
       div {
-        content: '{'
+        content: '{''
       }
 
       select :active,