Merge branch 'feature/expand-prompt'

_posts/2019-08-08-text-and-typography.md

@@ -80,8 +80,11 @@ Moon
 
 ## Prompts
 
-> An example showing the `note` type prompt.
-{: .prompt-note }
+> An example showing the `tip` type prompt.
+{: .prompt-tip }
+
+> An example showing the `info` type prompt.
+{: .prompt-info }
 
 > An example showing the `warning` type prompt.
 {: .prompt-warning }

_posts/2019-08-08-write-a-new-post.md

@@ -29,7 +29,7 @@ tags: [TAG]     # TAG names should always be lowercase
 ```
 
 > The posts' _layout_ has been set to `post` by default, so there is no need to add the variable _layout_ in the Front Matter block.
-{: .prompt-note }
+{: .prompt-tip }
 
 ### Timezone of Date
 
@@ -249,25 +249,13 @@ pin: true
 
 ## Prompts
 
-There are three types of prompts, `note`, `warning` and `danger`. When writing, add the class `prompt-{type}` to a blockquote:
+There are several types of prompts: `tip`, `info`, `warning`, and `danger`. They can be generated by adding the class `prompt-{type}` to the blockquote. For example, define a prompt of type `info` as follows:
 
-- **Note**
 ```md
 > Example line for prompt.
-  {: .prompt-note }
-  ```
-
-- **Warning**
-  ```md
-  > Example line for prompt.
-  {: .prompt-warning }
-  ```
-
-- **Danger**
-  ```md
-  > Example line for prompt.
-  {: .prompt-danger }
+{: .prompt-info }
 ```
+{: .nolineno }
 
 ## Syntax
 

_posts/2019-08-09-getting-started.md

@@ -37,7 +37,7 @@ $ bash tools/init.sh
 ```
 
 > If you don't want to deploy your site on GitHub Pages, append option `--no-gh` at the end of the above command.
-{: .prompt-note }
+{: .prompt-info }
 
 The above command will:
 

_posts/2019-08-11-customize-the-favicon.md

@@ -33,6 +33,6 @@ The following table will help you understand the changes to the favicon files:
 | `*.ICO`             | ✓                                 | ✗           |
 
 >  ✓ means keep, ✗ means delete.
-{: .prompt-note }
+{: .prompt-info }
 
 The next time you build the site, the favicon will be replaced with a customized edition.

_posts/2021-01-03-enable-google-pv.md

@@ -148,7 +148,7 @@ There is a detailed [tutorial](https://developers.google.com/analytics/solutions
 
     > You can configure a custom domain instead of `https://PROJECT_ID.REGION_ID.r.appspot.com`.
     > But, for the sake of keeping it simple, we will be using the Google provided default URL.
-    {: .prompt-note }
+    {: .prompt-info }
 
 5.  From inside the `src/`{: .filepath} directory, deploy the app
 

_sass/addon/commons.scss

@@ -117,7 +117,9 @@ blockquote {
     }
   }
 
-  @include prompt("note", "\f0eb", 400);
+  @include prompt("tip", "\f0eb", 400);
+
+  @include prompt("info", "\f06a");
 
   @include prompt("warning", "\f06a");
 

_sass/colors/dark-typography.scss

@@ -70,8 +70,10 @@
   --kbd-text-color: #d3d3d3;
   --kbd-bg-color: #242424;
   --prompt-text-color: rgb(216 212 212 / 75%);
-  --prompt-note-bg: rgba(77, 187, 95, 0.2);
-  --prompt-note-icon-color: rgb(5 223 5 / 68%);
+  --prompt-tip-bg: rgba(77, 187, 95, 0.2);
+  --prompt-tip-icon-color: rgb(5 223 5 / 68%);
+  --prompt-info-bg: rgb(7 59 104 / 80%);
+  --prompt-info-icon-color: #0075d1;
   --prompt-warning-bg: rgb(90 69 3 / 95%);
   --prompt-warning-icon-color: rgb(255 165 0 / 80%);
   --prompt-danger-bg: rgb(86 28 8 / 80%);

_sass/colors/light-typography.scss

@@ -69,8 +69,10 @@
   --kbd-text-color: var(--text-color);
   --kbd-bg-color: white;
   --prompt-text-color: rgb(46 46 46 / 77%);
-  --prompt-note-bg: rgb(123 247 144 / 20%);
-  --prompt-note-icon-color: #03b303;
+  --prompt-tip-bg: rgb(123 247 144 / 20%);
+  --prompt-tip-icon-color: #03b303;
+  --prompt-info-bg: #e1f5fe;
+  --prompt-info-icon-color: #0070cb;
   --prompt-warning-bg: rgb(255 243 205);
   --prompt-warning-icon-color: #ef9c03;
   --prompt-danger-bg: rgb(248 215 218 / 56%);

_tabs/about.md

@@ -5,4 +5,4 @@ order: 4
 ---
 
 > Add Markdown syntax content to file `_tabs/about.md`{: .filepath } and it will show up on this page.
-{: .prompt-note }
+{: .prompt-tip }