49 lines
1.3 KiB
CSS
49 lines
1.3 KiB
CSS
markdown-style pre > .copied,
|
|
markdown-style [class*='language-'] .copied {
|
|
display: flex;
|
|
position: absolute;
|
|
cursor: pointer;
|
|
color: #a5afbb;
|
|
top: 6px;
|
|
right: 6px;
|
|
border-radius: 5px;
|
|
background: #82828226;
|
|
padding: 6px;
|
|
font-size: 12px;
|
|
transition: all 0.3s;
|
|
z-index: 10;
|
|
}
|
|
markdown-style pre > .copied:not(.active),
|
|
markdown-style [class*='language-'] .copied:not(.active) {
|
|
visibility: hidden;
|
|
}
|
|
markdown-style pre:hover > .copied,
|
|
markdown-style [class*='language-']:hover .copied {
|
|
visibility: visible;
|
|
}
|
|
markdown-style pre:hover > .copied:hover,
|
|
markdown-style [class*='language-']:hover .copied:hover {
|
|
background: #4caf50;
|
|
color: #fff;
|
|
}
|
|
markdown-style [class*='language-']:hover .copied:active,
|
|
markdown-style pre > .copied.active {
|
|
background: #2e9b33;
|
|
color: #fff;
|
|
}
|
|
markdown-style pre > .copied .octicon-copy,
|
|
markdown-style [class*='language-'] .copied .octicon-copy {
|
|
display: block;
|
|
}
|
|
markdown-style pre > .copied .octicon-check,
|
|
markdown-style [class*='language-'] .copied .octicon-check {
|
|
display: none;
|
|
}
|
|
markdown-style pre > .active .octicon-copy,
|
|
markdown-style [class*='language-'] .active .octicon-copy {
|
|
display: none;
|
|
}
|
|
markdown-style pre > .active .octicon-check,
|
|
markdown-style [class*='language-'] .active .octicon-check {
|
|
display: block;
|
|
}
|