Style callout delimiters in discussion for HTML output (#282)

* Delete commented rules

* Style callout delimiters in discussion

* Use more accessible colors for callouts

Author: mattt

Diff for: Assets/css/all.css

@@ -803,23 +803,6 @@ nav {
   }
 }
 
-/* main :matches(h1, h2, h3) {
-    position: sticky;
-    top: 0px;
-}
-
-main h1 {
-    z-index: 1;
-}
-
-main h2 {
-    z-index: 2;
-}
-
-main h3 {
-    z-index: 3;
-} */
-
 blockquote {
   --link: var(--secondary-label);
   border-left: 4px var(--separator) solid;
@@ -833,6 +816,61 @@ blockquote {
   }
 }
 
+.discussion aside {
+  --link: var(--accent-color);
+
+  border: 0.25px var(--separator) solid;
+  border-left: 6px var(--separator) solid;
+  border-top-left-radius: 8px;
+  border-bottom-left-radius: 8px;
+  border-top-right-radius: 8px;
+  border-bottom-right-radius: 8px;
+  padding: 0.125em 1em;
+  margin-bottom: 1em;
+  color: var(--accent-color);
+
+  &:before {
+    content: attr(title);
+    font-variant: small-caps;
+    text-transform: lowercase;
+    color: var(--accent-color);
+  }
+
+  & > p {
+    margin-top: 0.25em;
+    margin-bottom: 0.25em;
+  }
+
+  & {
+    --accent-color: rgb(0, 0, 73);
+    --separator: var(--system-blue);
+    background: rgba(0, 122, 255, 0.0125);
+  }
+
+  &.author,
+  &.authors,
+  &.copyright,
+  &.date {
+    --accent-color: rgb(51, 51, 51);
+    --separator: var(--system-fill);
+    background: var(--system-background);
+  }
+
+  &.attention,
+  &.warning,
+  &.important {
+    --accent-color: rgb(76, 37, 2);
+    --separator: var(--system-orange);
+    background: rgba(255, 149, 0, 0.0125);
+  }
+
+  &.bug {
+    --accent-color: rgb(78, 0, 41);
+    --separator: var(--system-pink);
+    background: rgba(255, 59, 48, 0.0125);
+  }
+}
+
 article {
   padding: 2em 0 1em 0;
 
@@ -960,7 +998,6 @@ p code,
 dd code,
 li code {
   font-size: smaller;
-  color: var(--secondary-label);
 }
 
 a code {

Diff for: Package.resolved

@@ -15,8 +15,8 @@
         "repositoryURL": "https://github.com/SwiftDocOrg/GraphViz.git",
         "state": {
           "branch": null,
-          "revision": "74b6cbd8c5ecea9f64d84c4e1c88d65604dd033f",
-          "version": "0.4.1"
+          "revision": "e9a73a30755c3c5b26ba7c73312b1f2ccb9a1a30",
+          "version": "0.4.0"
         }
       },
       {
@@ -33,8 +33,8 @@
         "repositoryURL": "https://github.com/SwiftDocOrg/Markup.git",
         "state": {
           "branch": null,
-          "revision": "80ddbee0048192bcbb814b016dc8ced41110d44d",
-          "version": "0.1.2"
+          "revision": "029ad8c1115ab32b7c20ab52eb092fbc030deb17",
+          "version": "0.0.4"
         }
       },
       {
@@ -77,8 +77,8 @@
         "package": "SwiftSyntax",
         "repositoryURL": "https://github.com/apple/swift-syntax.git",
         "state": {
-          "branch": "0.50300.0",
-          "revision": "844574d683f53d0737a9c6d706c3ef31ed2955eb",
+          "branch": "release/5.4",
+          "revision": "d81b6a6dc2698a93dcc04304fb15a5446b5278a4",
           "version": null
         }
       },
@@ -95,9 +95,9 @@
         "package": "SwiftSemantics",
         "repositoryURL": "https://github.com/SwiftDocOrg/SwiftSemantics.git",
         "state": {
-          "branch": null,
+          "branch": "0.3.0",
           "revision": "2f571ccc67e0789d23f8adbccb6a18a6ff3b166c",
-          "version": "0.3.0"
+          "version": null
         }
       },
       {