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

Change the icon & color of the code block header

Browse Source
This commit is contained in:
Cotes Chung
2021-09-22 21:27:15 +08:00
parent ed93fbdfde
commit abb548fcee
4 changed files with 22 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
_sass/addon/syntax.scss
View File

@@ -172,17 +172,27 @@ div {
align-items: center;
line-height: 1.85rem;
// icons
i {
font-size: 1rem;
color: var(--lang-badge-muted-color);
&.small {
font-size: 70%;
margin-left: 0.25rem;
}
}
// the label block
span {
color: var(--lang-badge-color);
padding-left: 0.6rem;
font-size: 0.85rem;
&:after {
content: attr(text-data);
margin-left: 0.3rem;
font-size: 0.85rem;
font-weight: 600;
color: var(--lang-badge-color);
}
@at-root [file] #{&} > i { // center the file icon
@@ -200,13 +210,14 @@ div {
padding: 0;
width: 1.95rem;
background-color: inherit;
color: var(--highlight-lineno-color);
@extend %cursor-pointer;
&[timeout] {
color: var(--clipboard-checked-color);
border-color: var(--clipboard-checked-color);
i {
color: var(--clipboard-checked-color);
}
}
&:not([timeout]):hover {
@@ -220,10 +231,6 @@ div {
outline: none;
}
i {
font-size: 0.9rem;
}
}
}