From 3c44093ca65b314dc190327e512aeda1302cdee7 Mon Sep 17 00:00:00 2001
From: Eric <eashaw@sailsjs.com>
Date: Tue, 13 Sep 2022 23:06:01 -0500
Subject: [PATCH] update code links and tip blockquote styles (#7746)

---
 .../styles/pages/articles/basic-article.less  | 19 ++++++++++++++++---
 .../pages/docs/basic-documentation.less       | 13 +++++++++++--
 .../assets/styles/pages/docs/code-blocks.less |  4 ++++
 .../styles/pages/handbook/basic-handbook.less | 17 +++++++++++++++--
 4 files changed, 46 insertions(+), 7 deletions(-)

diff --git a/website/assets/styles/pages/articles/basic-article.less b/website/assets/styles/pages/articles/basic-article.less
index f71021ef6e..679baca9b1 100644
--- a/website/assets/styles/pages/articles/basic-article.less
+++ b/website/assets/styles/pages/articles/basic-article.less
@@ -120,7 +120,11 @@
     [purpose='checklist-item']::marker {
       display: none;
     }
-    code:not(.nohighlight):not(.mermaid) {
+    a > code:not(.hljs):not(.nohighlight):not(.mermaid) {
+      color: inherit;
+      text-decoration: inherit;
+    }
+    code:not(.bash):not(.nohighlight):not(.mermaid) {
       background: #F1F0FF;
       padding: 4px 8px;
       font-family: @code-font;
@@ -188,7 +192,7 @@
       border: 1px solid @core-vibrant-blue-50;
       padding: 16px;
       border-radius: 8px;
-      display: inline-flex;
+      display: flex;
       img {
         display: flex;
         margin: 4px 12px 0 0;
@@ -198,10 +202,19 @@
       }
       p {
         display: block;
-        margin-bottom: 0px;
+        margin-bottom: 16px;
         line-height: 24px;
         font-size: 16px;
       }
+      p:only-child, p:last-child {
+        margin-bottom: 0px;
+      }
+      ul:last-child {
+        margin-bottom: 0px;
+      }
+      li:last-child {
+        padding-bottom: 0px;
+      }
     }
     [purpose='embedded-content'] {
       position: relative;
diff --git a/website/assets/styles/pages/docs/basic-documentation.less b/website/assets/styles/pages/docs/basic-documentation.less
index 81f1b3ddc7..c6d8f8088c 100644
--- a/website/assets/styles/pages/docs/basic-documentation.less
+++ b/website/assets/styles/pages/docs/basic-documentation.less
@@ -513,7 +513,7 @@
         border: 1px solid @core-vibrant-blue-50;
         padding: 16px;
         border-radius: 8px;
-        display: inline-flex;
+        display: flex;
         img {
           display: flex;
           margin: 4px 12px 0 0;
@@ -523,10 +523,19 @@
         }
         p {
           display: block;
-          margin-bottom: 0px;
+          margin-bottom: 16px;
           line-height: 24px;
           font-size: 16px;
         }
+        p:last-child {
+          margin-bottom: 0px;
+        }
+        ul:last-child {
+          margin-bottom: 0px;
+        }
+        li:last-child {
+          padding-bottom: 0px;
+        }
       }
 
       ul {
diff --git a/website/assets/styles/pages/docs/code-blocks.less b/website/assets/styles/pages/docs/code-blocks.less
index c327fd4e05..a4ee3140e3 100644
--- a/website/assets/styles/pages/docs/code-blocks.less
+++ b/website/assets/styles/pages/docs/code-blocks.less
@@ -1,5 +1,9 @@
 // lesshint-disable spaceAroundComma, trailingWhitespace
 
+  a > code:not(.hljs):not(.nohighlight):not(.mermaid) {
+    color: inherit;
+    text-decoration: inherit;
+  }
   code:not(.hljs):not(.nohighlight):not(.mermaid) {
     background-color: @ui-off-white;
     border: 1px solid @border-lt-gray;
diff --git a/website/assets/styles/pages/handbook/basic-handbook.less b/website/assets/styles/pages/handbook/basic-handbook.less
index 4f7676ed86..c876f605e0 100644
--- a/website/assets/styles/pages/handbook/basic-handbook.less
+++ b/website/assets/styles/pages/handbook/basic-handbook.less
@@ -203,6 +203,10 @@
       padding: 24px 16px;
       margin: auto;
     }
+    a > code:not(.hljs):not(.nohighlight):not(.mermaid) {
+      color: inherit;
+      text-decoration: inherit;
+    }
     code:not(.nohighlight):not(.mermaid) {
       background-color: @ui-off-white;
       border: 1px solid @border-lt-gray;
@@ -286,7 +290,7 @@
       border: 1px solid @core-vibrant-blue-50;
       padding: 16px;
       border-radius: 8px;
-      display: inline-flex;
+      display: flex;
       img {
         display: flex;
         margin: 4px 12px 0 0;
@@ -296,10 +300,19 @@
       }
       p {
         display: block;
-        margin-bottom: 0px;
+        margin-bottom: 16px;
         line-height: 24px;
         font-size: 16px;
       }
+      p:last-child {
+        margin-bottom: 0px;
+      }
+      ul:last-child {
+        margin-bottom: 0px;
+      }
+      li:last-child {
+        padding-bottom: 0px;
+      }
     }
     [purpose='checklist-item'] {
       display: flex;