f.weber/jekyll-theme-chirpy
Template
1
0
Fork 0
mirror of https://github.com/cotes2020/jekyll-theme-chirpy.git synced 2025-12-18 05:41:31 +00:00
Code Issues Packages Releases Activity

Improve the clipboard UX

Browse Source
This commit is contained in:
Cotes Chung
2021-09-15 14:36:37 +08:00
parent 2877896b9e
commit 53b0329e5a
7 changed files with 66 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
_sass/addon/syntax.scss
View File

@@ -184,12 +184,19 @@ div {
// clipboard
button {
border: 0;
border: 1px solid var(--code-header-bg);
border-radius: $code-radius;
padding: 0;
width: 1.95rem;
background-color: inherit;
border-top-right-radius: $code-radius;
color: var(--highlight-lineno-color);
&:hover {
&[locked=true] {
color: var(--clipboard-checked-color);
border-color: var(--clipboard-checked-color);
}
&:not([locked]):hover {
background-color: gray;
color: white;
}
@@ -199,7 +206,7 @@ div {
}
i {
font-size: 85%;
font-size: 0.9rem;
}
}
@@ -216,10 +223,7 @@ div {
.code-header {
border-radius: 0;
padding-left: 0.4rem;
button {
border-top-right-radius: 0;
}
padding-right: 0.5rem;
}
}
}