Fixed copy-to-clipboard button overlaying code blocks

This commit is contained in:
squidfunk
2020-08-01 19:16:07 +02:00
parent ee090a89ca
commit a217be3ebd
7 changed files with 13 additions and 7 deletions

View File

@@ -33,6 +33,7 @@
width: px2em(24px);
height: px2em(24px);
color: var(--md-default-fg-color--lightest);
background-color: var(--md-code-bg-color);
border-radius: px2rem(2px);
cursor: pointer;
transition: color 125ms;
@@ -42,6 +43,11 @@
display: none;
}
// Make room for clipboard button in case of overflowing code
.md-typeset & + code {
padding-right: px2em(24px + 2 * 8px, 13.6px);
}
// Slightly smaller icon
svg {
width: px2em(18px);