app/styles/_code.scss
code {
background-color: var(--inline-code-bg-color);
padding: 0px 8px;
margin: 0;
font-size: 90%;
border-radius: 3px;
display: inline-block;
}
pre {
overflow-x: auto;
position: relative;
border-radius: 3px;
code {
background-color: transparent;
display: block;
font-size: inherit;
// padding: 0 20px;
line-height: 1.2;
.clipboard-button {
background: var(--clipboard-button-bg-color);
border: 1px solid var(--clipboard-button-border-color);
position: absolute;
left: 7px;
bottom: 7px;
font-size: 1.25em;
border-radius: 5px;
opacity: 0;
transition: opacity 0.3s;
display: inline-block;
padding: 7px;
}
&:hover .clipboard-button {
opacity: 0.7;
transition: opacity 0.3s;
&:hover {
opacity: 1.0;
transition: opacity 0.3s;
}
}
}
}