refactor(theme-default): change custom-block to custom-container

Author: meteorlxy

packages/@vuepress/theme-default/src/node/resolveContainerPluginOptions.ts

@@ -36,7 +36,7 @@ export const resolveContainerPluginOptions = (
 /**
  * Resolve options for @vuepress/plugin-container
  *
- * For details block
+ * For details container
  */
 export const resolveContainerPluginOptionsForDetails = (
   options: DefaultThemeOptions
@@ -48,7 +48,7 @@ export const resolveContainerPluginOptionsForDetails = (
   return {
     type: 'details',
     before: (info) =>
-      `<details class="custom-block details">${
+      `<details class="custom-container details">${
         info ? `<summary>${info}</summary>` : ''
       }\n`,
     after: () => '</details>\n',
@@ -58,7 +58,7 @@ export const resolveContainerPluginOptionsForDetails = (
 /**
  * Resolve options for @vuepress/plugin-container
  *
- * For code-group block
+ * For code-group container
  */
 export const resolveContainerPluginOptionsForCodeGroup = (
   options: DefaultThemeOptions

packages/@vuepress/theme-default/src/styles/custom-blocks.styl renamed to packages/@vuepress/theme-default/src/styles/custom-container.styl

@@ -1,7 +1,7 @@
 @require './_variables';
 
-.custom-block {
-  .custom-block-title {
+.custom-container {
+  .custom-container-title {
     font-weight: 600;
     margin-bottom: -0.4rem;
   }
@@ -23,7 +23,7 @@
     border-color: $warningColor;
     color: darken($warningColor, 50%);
 
-    .custom-block-title {
+    .custom-container-title {
       color: darken($warningColor, 25%);
     }
 
@@ -37,7 +37,7 @@
     border-color: $dangerColor;
     color: darken($dangerColor, 50%);
 
-    .custom-block-title {
+    .custom-container-title {
       color: darken($dangerColor, 25%);
     }
 

packages/@vuepress/theme-default/src/styles/index.styl

@@ -5,7 +5,7 @@
 @require './badge';
 @require './code';
 @require './code-group';
-@require './custom-blocks';
+@require './custom-container';
 @require './dropdown';
 @require './home';
 @require './layout';

packages/@vuepress/theme-default/src/styles/layout.styl

@@ -96,7 +96,7 @@ h1, h2, h3, h4, h5, h6 {
       margin-top: -1.5rem;
       margin-bottom: 1rem;
 
-      + p, + pre, + .custom-block {
+      + p, + pre, + .custom-container {
         margin-top: 2rem;
       }
     }