Fix up CSS issues; validate that sites visually match the live website version using Docusaurus 2

Author: octogonz

websites/api-extractor.com/src/css/custom.css

@@ -101,6 +101,12 @@ main {
   line-height: 1.5;
 }
 
+.prism-code {
+  border-style: solid;
+  border-width: 1px;
+  border-color: #ccc;
+}
+
 /*
  * Rush Stack -  People grid
  */
@@ -140,6 +146,7 @@ html[data-theme='dark'] blockquote {
  * Add a little icon next to hyperlinks that point to an external page.
  * We only do this inside an <article> element.  Use the class="no-external-link-icon" to disable it.
  * An "external" page has "://" in its URL and does not include a recognized DNS name.
+ * The `:not(.avatar > *)` and `:not(.avatar__name > *)` exclusions are for blog author details.
  */
 article a[href*="://"]:not([href*="api-extractor.com"]):not([href*="rushstack.io"]):not([href*="api.rushstack.io"]):not([href*="lfx.rushstack.io"]):not([href*="rushjs.io"]):not([href*="tsdoc.org"]):not([href*="localhost"]):not(.no-external-link-icon):not(.avatar > *):not(.avatar__name > *):not(.mention)
 {

websites/api.rushstack.io/src/css/custom.css

@@ -119,6 +119,12 @@ main {
   line-height: 1.5;
 }
 
+.prism-code {
+  border-style: solid;
+  border-width: 1px;
+  border-color: #ccc;
+}
+
 /*
  * Rush Stack -  People grid
  */
@@ -158,6 +164,7 @@ html[data-theme='dark'] blockquote {
  * Add a little icon next to hyperlinks that point to an external page.
  * We only do this inside an <article> element.  Use the class="no-external-link-icon" to disable it.
  * An "external" page has "://" in its URL and does not include a recognized DNS name.
+ * The `:not(.avatar > *)` and `:not(.avatar__name > *)` exclusions are for blog author details.
  */
 article a[href*="://"]:not([href*="api-extractor.com"]):not([href*="rushstack.io"]):not([href*="api.rushstack.io"]):not([href*="lfx.rushstack.io"]):not([href*="rushjs.io"]):not([href*="tsdoc.org"]):not([href*="localhost"]):not(.no-external-link-icon):not(.avatar > *):not(.avatar__name > *):not(.mention)
 {

websites/heft.rushstack.io/src/css/custom.css

@@ -119,6 +119,12 @@ main {
   line-height: 1.5;
 }
 
+.prism-code {
+  border-style: solid;
+  border-width: 1px;
+  border-color: #ccc;
+}
+
 /*
  * Rush Stack -  People grid
  */

websites/lfx.rushstack.io/src/css/custom.css

@@ -101,6 +101,12 @@ main {
   line-height: 1.5;
 }
 
+.prism-code {
+  border-style: solid;
+  border-width: 1px;
+  border-color: #ccc;
+}
+
 /*
  * Rush Stack -  People grid
  */
@@ -140,6 +146,7 @@ html[data-theme='dark'] blockquote {
  * Add a little icon next to hyperlinks that point to an external page.
  * We only do this inside an <article> element.  Use the class="no-external-link-icon" to disable it.
  * An "external" page has "://" in its URL and does not include a recognized DNS name.
+ * The `:not(.avatar > *)` and `:not(.avatar__name > *)` exclusions are for blog author details.
  */
 article a[href*="://"]:not([href*="api-extractor.com"]):not([href*="rushstack.io"]):not([href*="api.rushstack.io"]):not([href*="lfx.rushstack.io"]):not([href*="rushjs.io"]):not([href*="tsdoc.org"]):not([href*="localhost"]):not(.no-external-link-icon):not(.avatar > *):not(.avatar__name > *):not(.mention)
 {

websites/rushjs.io/src/css/custom.css

@@ -119,6 +119,12 @@ main {
   line-height: 1.5;
 }
 
+.prism-code {
+  border-style: solid;
+  border-width: 1px;
+  border-color: #ccc;
+}
+
 /*
  * Rush Stack -  People grid
  */
@@ -158,6 +164,7 @@ html[data-theme='dark'] blockquote {
  * Add a little icon next to hyperlinks that point to an external page.
  * We only do this inside an <article> element.  Use the class="no-external-link-icon" to disable it.
  * An "external" page has "://" in its URL and does not include a recognized DNS name.
+ * The `:not(.avatar > *)` and `:not(.avatar__name > *)` exclusions are for blog author details.
  */
 article a[href*="://"]:not([href*="api-extractor.com"]):not([href*="rushstack.io"]):not([href*="api.rushstack.io"]):not([href*="lfx.rushstack.io"]):not([href*="rushjs.io"]):not([href*="tsdoc.org"]):not([href*="localhost"]):not(.no-external-link-icon):not(.avatar > *):not(.avatar__name > *):not(.mention)
 {

websites/rushstack.io/src/css/custom.css

@@ -119,6 +119,12 @@ main {
   line-height: 1.5;
 }
 
+.prism-code {
+  border-style: solid;
+  border-width: 1px;
+  border-color: #ccc;
+}
+
 /*
  * Rush Stack -  People grid
  */

websites/tsdoc.org/src/css/custom.css

@@ -104,6 +104,12 @@ main {
   line-height: 1.5;
 }
 
+.prism-code {
+  border-style: solid;
+  border-width: 1px;
+  border-color: #ccc;
+}
+
 /*
  * Rush Stack -  People grid
  */
@@ -143,6 +149,7 @@ html[data-theme='dark'] blockquote {
  * Add a little icon next to hyperlinks that point to an external page.
  * We only do this inside an <article> element.  Use the class="no-external-link-icon" to disable it.
  * An "external" page has "://" in its URL and does not include a recognized DNS name.
+ * The `:not(.avatar > *)` and `:not(.avatar__name > *)` exclusions are for blog author details.
  */
 article a[href*="://"]:not([href*="api-extractor.com"]):not([href*="rushstack.io"]):not([href*="api.rushstack.io"]):not([href*="lfx.rushstack.io"]):not([href*="rushjs.io"]):not([href*="tsdoc.org"]):not([href*="localhost"]):not(.no-external-link-icon):not(.avatar > *):not(.avatar__name > *):not(.mention)
 {