transition

Author: yyx990803

src/.vitepress/theme/styles/inline-demo.css

@@ -12,25 +12,31 @@
 
 .demo button {
   background-color: var(--vt-c-bg-mute);
-  transition: background-color .5s;
-  padding: 8px 16px;
+  transition: background-color 0.5s;
+  padding: 5px 12px;
   border: 1px solid var(--vt-c-divider);
   border-radius: 8px;
+  font-size: 0.9em;
   font-weight: 600;
 }
 
 .demo button + button {
   margin-left: 1em;
 }
 
-.demo input, .demo textarea, .demo select {
+.demo input,
+.demo textarea,
+.demo select {
   border: 1px solid var(--vt-c-divider);
   border-radius: 4px;
   padding: 0.2em 0.6em;
   margin-top: 10px;
+  background: transparent;
 }
 
-.demo input:focus {
+.demo input:not([type]):focus,
+.demo textarea:focus,
+.demo select:focus {
   outline: 1px solid blue;
 }