@umijs/plugin-docs 4.0.0-canary.20220418.2 → 4.0.0-canary.20220422.2

package/client/theme-doc/tailwind.out.css

@@ -519,10 +519,23 @@ Ensure the default browser behavior of the `hidden` attribute.
   border-left-width: 8px;
 }
 
-.mdx-message > p {
+.dark .mdx-message code {
+  --tw-bg-opacity: 0.5;
+}
+
+.mdx-message-text :first-child {
   margin-top: 0px;
 }
 
+.mdx-message-text img {
+  border-radius: 0.375rem;
+}
+
+.mdx-message-text pre {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+
 .mdx-message-info {
   --tw-border-opacity: 1;
   border-color: rgb(147 197 253 / var(--tw-border-opacity));
@@ -534,17 +547,17 @@ Ensure the default browser behavior of the `hidden` attribute.
   --tw-border-opacity: 1;
   border-color: rgb(59 130 246 / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
-  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
+  background-color: rgb(30 58 138 / var(--tw-bg-opacity));
 }
 
-.mdx-message-info > p {
+.mdx-message-info code {
   --tw-text-opacity: 1;
-  color: rgb(30 58 138 / var(--tw-text-opacity));
+  color: rgb(30 64 175 / var(--tw-text-opacity));
 }
 
-.dark .mdx-message-info > p {
+.dark .mdx-message-info code {
   --tw-text-opacity: 1;
-  color: rgb(30 58 138 / var(--tw-text-opacity));
+  color: rgb(191 219 254 / var(--tw-text-opacity));
 }
 
 .mdx-message-success {
@@ -558,17 +571,17 @@ Ensure the default browser behavior of the `hidden` attribute.
   --tw-border-opacity: 1;
   border-color: rgb(34 197 94 / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
-  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
+  background-color: rgb(21 128 61 / var(--tw-bg-opacity));
 }
 
-.mdx-message-success > p {
+.mdx-message-success code {
   --tw-text-opacity: 1;
-  color: rgb(20 83 45 / var(--tw-text-opacity));
+  color: rgb(22 101 52 / var(--tw-text-opacity));
 }
 
-.dark .mdx-message-success > p {
+.dark .mdx-message-success code {
   --tw-text-opacity: 1;
-  color: rgb(20 83 45 / var(--tw-text-opacity));
+  color: rgb(187 247 208 / var(--tw-text-opacity));
 }
 
 .mdx-message-warning {
@@ -582,17 +595,17 @@ Ensure the default browser behavior of the `hidden` attribute.
   --tw-border-opacity: 1;
   border-color: rgb(249 115 22 / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
-  background-color: rgb(255 237 213 / var(--tw-bg-opacity));
+  background-color: rgb(194 65 12 / var(--tw-bg-opacity));
 }
 
-.mdx-message-warning > p {
+.mdx-message-warning code {
   --tw-text-opacity: 1;
-  color: rgb(124 45 18 / var(--tw-text-opacity));
+  color: rgb(194 65 12 / var(--tw-text-opacity));
 }
 
-.dark .mdx-message-warning > p {
+.dark .mdx-message-warning code {
   --tw-text-opacity: 1;
-  color: rgb(124 45 18 / var(--tw-text-opacity));
+  color: rgb(255 237 213 / var(--tw-text-opacity));
 }
 
 .mdx-message-error {
@@ -604,19 +617,19 @@ Ensure the default browser behavior of the `hidden` attribute.
 
 .dark .mdx-message-error {
   --tw-border-opacity: 1;
-  border-color: rgb(239 68 68 / var(--tw-border-opacity));
+  border-color: rgb(244 63 94 / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
-  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
+  background-color: rgb(190 18 60 / var(--tw-bg-opacity));
 }
 
-.mdx-message-error > p {
+.mdx-message-error code {
   --tw-text-opacity: 1;
-  color: rgb(127 29 29 / var(--tw-text-opacity));
+  color: rgb(185 28 28 / var(--tw-text-opacity));
 }
 
-.dark .mdx-message-error > p {
+.dark .mdx-message-error code {
   --tw-text-opacity: 1;
-  color: rgb(127 29 29 / var(--tw-text-opacity));
+  color: rgb(255 228 230 / var(--tw-text-opacity));
 }
 
 .fixed {
@@ -660,6 +673,10 @@ Ensure the default browser behavior of the `hidden` attribute.
   top: 3rem;
 }
 
+.top-8 {
+  top: 2rem;
+}
+
 .right-2 {
   right: 0.5rem;
 }
@@ -668,26 +685,16 @@ Ensure the default browser behavior of the `hidden` attribute.
   z-index: 30;
 }
 
-.z-20 {
-  z-index: 20;
-}
-
 .z-10 {
   z-index: 10;
 }
 
-.m-8 {
-  margin: 2rem;
-}
-
-.mx-auto {
-  margin-left: auto;
-  margin-right: auto;
+.z-20 {
+  z-index: 20;
 }
 
-.mx-5 {
-  margin-left: 1.25rem;
-  margin-right: 1.25rem;
+.m-8 {
+  margin: 2rem;
 }
 
 .my-6 {
@@ -720,12 +727,16 @@ Ensure the default browser behavior of the `hidden` attribute.
   margin-bottom: 1rem;
 }
 
+.ml-2 {
+  margin-left: 0.5rem;
+}
+
 .ml-4 {
   margin-left: 1rem;
 }
 
-.ml-2 {
-  margin-left: 0.5rem;
+.ml-8 {
+  margin-left: 2rem;
 }
 
 .mb-12 {
@@ -764,12 +775,16 @@ Ensure the default browser behavior of the `hidden` attribute.
   margin-right: 0.75rem;
 }
 
-.block {
-  display: block;
+.mt-0 {
+  margin-top: 0px;
+}
+
+.mb-3 {
+  margin-bottom: 0.75rem;
 }
 
-.inline {
-  display: inline;
+.block {
+  display: block;
 }
 
 .flex {
@@ -868,6 +883,10 @@ Ensure the default browser behavior of the `hidden` attribute.
   width: 2rem;
 }
 
+.w-32 {
+  width: 8rem;
+}
+
 .w-40 {
   width: 10rem;
 }
@@ -896,6 +915,20 @@ Ensure the default browser behavior of the `hidden` attribute.
   flex: 1 1 0%;
 }
 
+.flex-grow {
+  flex-grow: 1;
+}
+
+.-translate-x-2\.5 {
+  --tw-translate-x: -0.625rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.-translate-x-2 {
+  --tw-translate-x: -0.5rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
 .-translate-y-1\.5 {
   --tw-translate-y: -0.375rem;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1110,22 +1143,17 @@ Ensure the default browser behavior of the `hidden` attribute.
      object-fit: cover;
 }
 
-.p-2 {
-  padding: 0.5rem;
-}
-
-.p-8 {
-  padding: 2rem;
+.p-4 {
+  padding: 1rem;
 }
 
-.px-8 {
-  padding-left: 2rem;
-  padding-right: 2rem;
+.p-2 {
+  padding: 0.5rem;
 }
 
-.py-3 {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
+.px-4 {
+  padding-left: 1rem;
+  padding-right: 1rem;
 }
 
 .px-2 {
@@ -1138,16 +1166,16 @@ Ensure the default browser behavior of the `hidden` attribute.
   padding-bottom: 0.25rem;
 }
 
-.px-4 {
-  padding-left: 1rem;
-  padding-right: 1rem;
-}
-
 .py-2 {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
 }
 
+.px-8 {
+  padding-left: 2rem;
+  padding-right: 2rem;
+}
+
 .px-1\.5 {
   padding-left: 0.375rem;
   padding-right: 0.375rem;
@@ -1173,6 +1201,11 @@ Ensure the default browser behavior of the `hidden` attribute.
   padding-bottom: 9rem;
 }
 
+.py-5 {
+  padding-top: 1.25rem;
+  padding-bottom: 1.25rem;
+}
+
 .pt-4 {
   padding-top: 1rem;
 }
@@ -1189,6 +1222,14 @@ Ensure the default browser behavior of the `hidden` attribute.
   padding-right: 0.5rem;
 }
 
+.pt-12 {
+  padding-top: 3rem;
+}
+
+.pb-36 {
+  padding-bottom: 9rem;
+}
+
 .pb-12 {
   padding-bottom: 3rem;
 }
@@ -1495,6 +1536,10 @@ article ul {
 
 article li {
   margin-top: 0.5rem;
+  font-size: 1rem;
+  line-height: 1.75rem;
+  --tw-text-opacity: 1;
+  color: rgb(55 65 81 / var(--tw-text-opacity));
 }
 
 .dark article li {
@@ -1538,18 +1583,23 @@ article h2 a {
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
+/* 行内代码 */
+
 article code {
   border-radius: 0.375rem;
   border-width: 1px;
   border-color: rgb(0 0 0 / var(--tw-border-opacity));
   --tw-border-opacity: 0.05;
-  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
   --tw-bg-opacity: 0.05;
+  --tw-text-opacity: 1;
+  color: rgb(2 132 199 / var(--tw-text-opacity));
 }
 
 .dark article code {
+  --tw-bg-opacity: 1;
   --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
+  color: rgb(125 211 252 / var(--tw-text-opacity));
 }
 
 article code {
@@ -1560,105 +1610,193 @@ article code {
   font-feature-settings: 'rlig' 1, 'calt' 1, 'ss01' 1;
 }
 
-article inlinecode {
-  border-radius: 0.375rem;
-  border-width: 1px;
-  border-color: rgb(0 0 0 / var(--tw-border-opacity));
-  --tw-border-opacity: 0.05;
-  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
-  --tw-bg-opacity: 0.05;
-  padding-left: 0.375rem;
-  padding-right: 0.375rem;
-  padding-top: 0.125rem;
-  padding-bottom: 0.125rem;
-  font-size: 0.75rem;
-  line-height: 1rem;
+/* 行内高亮代码 */
+
+article span[data-rehype-pretty-code-fragment] code {
+  --tw-bg-opacity: 1;
+  background-color: rgb(24 24 27 / var(--tw-bg-opacity));
 }
 
-.dark article inlinecode {
+.dark article span[data-rehype-pretty-code-fragment] code {
   --tw-bg-opacity: 1;
-  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
-  --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
+  background-color: rgb(24 24 27 / var(--tw-bg-opacity));
 }
 
+/* 代码块 */
+
 article pre {
-  /* content-visibility: auto; */
   contain: paint;
-  margin-top: 2rem;
-  margin-bottom: 2rem;
-  overflow-x: auto;
-  border-radius: 0.75rem;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  border-radius: 0.375rem;
   --tw-bg-opacity: 1;
-  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
-  padding: 1rem;
+  background-color: rgb(24 24 27 / var(--tw-bg-opacity));
   font-weight: 500;
+  --tw-text-opacity: 1;
+  color: rgb(212 212 212 / var(--tw-text-opacity));
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
+  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
 }
 
 .dark article pre {
   --tw-bg-opacity: 1;
-  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
+  background-color: rgb(24 24 27 / var(--tw-bg-opacity));
   --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
+  color: rgb(212 212 212 / var(--tw-text-opacity));
 }
 
-article pre code {
-  position: relative;
-  display: inline-block;
+article pre > code {
+  display: grid;
   min-width: 100%;
+  overflow-x: auto;
   border-radius: 0px;
   border-style: none;
   background-color: transparent;
-  padding: 0px;
+  padding: 1rem;
   font-size: 0.875rem;
   line-height: 1.25rem;
-  color: currentColor;
+  line-height: 1.625;
+  --tw-text-opacity: 1;
+  color: rgb(212 212 212 / var(--tw-text-opacity));
 }
 
-.dark article pre code {
+.dark article pre > code {
+  background-color: transparent;
   --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
+  color: rgb(212 212 212 / var(--tw-text-opacity));
 }
 
-article pre code .line.highlighted::before {
-  pointer-events: none;
-  position: absolute;
-  left: -1rem;
-  right: -1rem;
-  display: block;
-  height: 1.25rem;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
-  content: var(--tw-content);
-  --tw-bg-opacity: 0.1;
+article div[data-rehype-pretty-code-fragment] {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
 }
 
-.dark article pre code .line.highlighted {
+/* 代码块的标题部分 */
+
+article div[data-rehype-pretty-code-fragment] > div[data-rehype-pretty-code-title] {
+  padding-bottom: 0.25rem;
+  text-align: center;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
   --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
+  color: rgb(161 161 170 / var(--tw-text-opacity));
 }
 
-article a code {
-  color: currentColor;
-  -webkit-text-decoration-line: none;
-          text-decoration-line: none;
+.dark article div[data-rehype-pretty-code-fragment] > div[data-rehype-pretty-code-title] {
+  --tw-text-opacity: 1;
+  color: rgb(163 163 163 / var(--tw-text-opacity));
+}
+
+/* 代码块的代码部分 */
+
+article div[data-rehype-pretty-code-fragment] > pre {
+  margin-top: 0px;
+  margin-bottom: 0px;
+  padding-top: 1.5rem;
+}
+
+article div[data-rehype-pretty-code-fragment] > pre > code {
+  margin-top: 0px;
+  margin-bottom: 0px;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
 }
 
-.dark article a code {
+/* 代码块的使用语言 */
+
+article div[data-rehype-pretty-code-fragment] > pre::before {
+  position: fixed;
+  top: 0px;
+  right: 0px;
+  border-radius: 0.125rem;
+  background-color: rgb(212 212 212 / var(--tw-bg-opacity));
+  --tw-bg-opacity: 0.8;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  text-transform: uppercase;
   --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
+  color: rgb(24 24 27 / var(--tw-text-opacity));
+}
+
+.dark article div[data-rehype-pretty-code-fragment] > pre::before {
+  --tw-bg-opacity: 0.6;
+}
+
+article div[data-rehype-pretty-code-fragment] > pre::before {
+  content: attr(data-language);
+}
+
+/* 代码块的代码行 */
+
+article div[data-rehype-pretty-code-fragment] > pre > code .line {
+  padding-left: 0.75rem;
+  padding-right: 1rem;
+}
+
+/* 代码块的行内高亮文字 */
+
+article div[data-rehype-pretty-code-fragment] > pre > code .line .word {
+  display: inline-block;
+  border-radius: 0.125rem;
+  background-color: rgb(212 212 212 / var(--tw-bg-opacity));
+  --tw-bg-opacity: 0.2;
+  padding-left: 0.375rem;
+  padding-right: 0.375rem;
+}
+
+/* 代码块的行号 */
+
+article div[data-rehype-pretty-code-fragment] > pre > code {
+  counter-reset: line;
+}
+
+article div[data-rehype-pretty-code-fragment] > pre > code > .line::before {
+  margin-right: 1rem;
+  display: inline-block;
+  width: 1rem;
+  text-align: right;
+  --tw-text-opacity: 1;
+  color: rgb(82 82 82 / var(--tw-text-opacity));
+  counter-increment: line;
+  content: counter(line);
+}
+
+/* 代码块的高亮行 */
+
+article div[data-rehype-pretty-code-fragment] pre > code > .line {
+  border-left-width: 2px;
+  border-color: transparent;
+}
+
+article div[data-rehype-pretty-code-fragment] pre > code > .line.highlighted {
+  --tw-border-opacity: 1;
+  border-left-color: rgb(96 165 250 / var(--tw-border-opacity));
+  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
+  --tw-bg-opacity: 0.1;
+}
+
+.dark article div[data-rehype-pretty-code-fragment] pre > code > .line.highlighted {
+  --tw-border-opacity: 1;
+  border-left-color: rgb(2 132 199 / var(--tw-border-opacity));
+  background-color: rgb(212 212 212 / var(--tw-bg-opacity));
+  --tw-bg-opacity: 0.1;
 }
 
+/* 链接 */
+
 article a {
   margin-left: 0.25rem;
   margin-right: 0.25rem;
   --tw-text-opacity: 1;
-  color: rgb(37 99 235 / var(--tw-text-opacity));
+  color: rgb(8 145 178 / var(--tw-text-opacity));
   transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
@@ -1668,12 +1806,17 @@ article a {
 
 article a:hover {
   --tw-text-opacity: 1;
-  color: rgb(147 197 253 / var(--tw-text-opacity));
+  color: rgb(22 78 99 / var(--tw-text-opacity));
 }
 
 .dark article a {
   --tw-text-opacity: 1;
-  color: rgb(96 165 250 / var(--tw-text-opacity));
+  color: rgb(245 208 254 / var(--tw-text-opacity));
+}
+
+.dark article a:hover {
+  --tw-text-opacity: 1;
+  color: rgb(232 121 249 / var(--tw-text-opacity));
 }
 
 article a {
@@ -1683,6 +1826,54 @@ article a {
   );
 }
 
+.dark article a {
+  background-image: linear-gradient(
+    transparent 60%,
+    rgba(238, 157, 234, 0.28) 55%
+  );
+}
+
+/* 行内代码块链接 */
+
+article a > code {
+  --tw-text-opacity: 1;
+  color: rgb(8 145 178 / var(--tw-text-opacity));
+  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+article a > code:hover {
+  --tw-text-opacity: 1;
+  color: rgb(22 78 99 / var(--tw-text-opacity));
+}
+
+.dark article a > code {
+  --tw-text-opacity: 1;
+  color: rgb(245 208 254 / var(--tw-text-opacity));
+}
+
+.dark article a > code:hover {
+  --tw-text-opacity: 1;
+  color: rgb(232 121 249 / var(--tw-text-opacity));
+}
+
+article a > code {
+  background-image: linear-gradient(
+    transparent 60%,
+    rgba(130, 199, 255, 0.28) 55%
+  );
+}
+
+.dark article a > code {
+  background-image: linear-gradient(
+    transparent 60%,
+    rgba(238, 157, 234, 0.28) 55%
+  );
+}
+
 article table {
   margin-top: 2rem;
   margin-bottom: 2rem;
@@ -2047,12 +2238,6 @@ h6 {
   color: rgb(59 130 246 / var(--tw-text-opacity));
 }
 
-@media (min-width: 640px) {
-  .sm\:max-w-xl {
-    max-width: 36rem;
-  }
-}
-
 @media (min-width: 768px) {
   .md\:h-6 {
     height: 1.5rem;
@@ -2116,21 +2301,33 @@ h6 {
     width: 75%;
   }
 
+  .lg\:px-12 {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
+
   .lg\:px-2 {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
 
-  .lg\:py-12 {
-    padding-top: 3rem;
-    padding-bottom: 3rem;
-  }
-
   .lg\:px-32 {
     padding-left: 8rem;
     padding-right: 8rem;
   }
 
+  .lg\:pb-12 {
+    padding-bottom: 3rem;
+  }
+
+  .lg\:pt-6 {
+    padding-top: 1.5rem;
+  }
+
+  .lg\:pt-8 {
+    padding-top: 2rem;
+  }
+
   .lg\:text-base {
     font-size: 1rem;
     line-height: 1.5rem;