diff --git a/src/generators/legacy-html/assets/style.css b/src/generators/legacy-html/assets/style.css
index bf46623f..e066c3b3 100644
--- a/src/generators/legacy-html/assets/style.css
+++ b/src/generators/legacy-html/assets/style.css
@@ -549,7 +549,6 @@ pre {
pre > code {
padding: 0;
- float: left;
}
pre + h3 {
@@ -1029,8 +1028,7 @@ kbd {
text-transform: uppercase;
font-weight: 700;
padding: 0 0.5rem;
- margin-right: 10px;
- margin-top: -2px;
+ margin-right: 0.2rem;
height: 1.5rem;
transition-property:
background-color, border-color, color, box-shadow, filter;
@@ -1042,6 +1040,10 @@ kbd {
background-color: var(--green2);
}
+:root:not(.has-js) .copy-button {
+ display: none;
+}
+
@supports (aspect-ratio: 1 / 1) {
.js-flavor-toggle {
height: 1.5em;
@@ -1124,7 +1126,13 @@ kbd {
border-bottom: 1px solid var(--color-text-primary);
}
- .js-flavor-toggle ~ * {
+ .js-flavor-toggle + * {
+ margin-bottom: 2rem;
+ padding-bottom: 2rem;
+ border-bottom: 1px solid var(--color-text-primary);
+ }
+
+ .js-flavor-toggle ~ :not(.copy-button) {
display: block !important;
background-position: top right;
background-size: 142px 20px;
@@ -1138,6 +1146,10 @@ kbd {
.js-flavor-toggle ~ .mjs {
background-image: url('./js-flavor-esm.svg');
}
+
+ .copy-button {
+ display: none;
+ }
}
html.dark-mode .shiki,