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,