yacloud/hugo-PaperMod
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add scroll bar as a feature loadble

Browse Source 
Usage => .Site.Params.features.disableScrollStyle: true
This commit is contained in:
Aditya Telange 2022-03-25 20:27:51 +05:30
parent 33904e9d27
commit 5190444ea7
No known key found for this signature in database
GPG Key ID: 82E844EF3DA99E77
5 changed files with 60 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
assets/css/common/post-single.css
View File

@ -188,10 +188,6 @@
margin-bottom: 0; margin-bottom: 0;
} }
.post-content .highlighttable td .highlight pre code::-webkit-scrollbar {
display: none;
}
.post-content code { .post-content code {
margin: auto 4px; margin: auto 4px;
padding: 4px 6px; padding: 4px 6px;
@ -327,25 +323,3 @@
.paginav a:hover { .paginav a:hover {
background: var(--border); background: var(--border);
} }
.post-content :not(table) ::-webkit-scrollbar-thumb {
border: 2px solid var(--hljs-bg);
background: rgb(113, 113, 117);
}
.post-content :not(table) ::-webkit-scrollbar-thumb:hover {
background: rgb(163, 163, 165);
}
.gist table::-webkit-scrollbar-thumb {
border: 2px solid rgb(255, 255, 255);
background: rgb(173, 173, 173);
}
.gist table::-webkit-scrollbar-thumb:hover {
background: rgb(112, 112, 112);
}
.post-content table::-webkit-scrollbar-thumb {
border-width: 2px;
}

19
assets/css/core/reset.css
View File

@ -115,24 +115,5 @@ img {
max-width: 100%; max-width: 100%;
} }
::-webkit-scrollbar-track {
background: 0 0;
}
.list:not(.dark)::-webkit-scrollbar-track {
background: var(--code-bg);
}
::-webkit-scrollbar-thumb {
background: var(--tertiary);
border: 5px solid var(--theme);
border-radius: var(--radius);
}
.list:not(.dark)::-webkit-scrollbar-thumb {
border: 5px solid var(--code-bg);
}
::-webkit-scrollbar-thumb:hover {
background: var(--secondary);
}

8
assets/css/core/zmedia.css
View File

@ -29,14 +29,6 @@
} }
} }
@media screen and (min-width: 768px) {
/* reset */
::-webkit-scrollbar {
width: 19px;
height: 11px;
}
}
/* footer */ /* footer */
@media screen and (max-width: 900px) { @media screen and (max-width: 900px) {
.list .top-link { .list .top-link {

55
assets/css/includes/scroll-bar.css Normal file
View File

@ -0,0 +1,55 @@
::-webkit-scrollbar-track {
background: 0 0;
}
.list:not(.dark)::-webkit-scrollbar-track {
background: var(--code-bg);
}
::-webkit-scrollbar-thumb {
background: var(--tertiary);
border: 5px solid var(--theme);
border-radius: var(--radius);
}
.list:not(.dark)::-webkit-scrollbar-thumb {
border: 5px solid var(--code-bg);
}
::-webkit-scrollbar-thumb:hover {
background: var(--secondary);
}
.post-content .highlighttable td .highlight pre code::-webkit-scrollbar {
display: none;
}
.post-content :not(table) ::-webkit-scrollbar-thumb {
border: 2px solid var(--hljs-bg);
background: rgb(113, 113, 117);
}
.post-content :not(table) ::-webkit-scrollbar-thumb:hover {
background: rgb(163, 163, 165);
}
.gist table::-webkit-scrollbar-thumb {
border: 2px solid rgb(255, 255, 255);
background: rgb(173, 173, 173);
}
.gist table::-webkit-scrollbar-thumb:hover {
background: rgb(112, 112, 112);
}
.post-content table::-webkit-scrollbar-thumb {
border-width: 2px;
}
@media screen and (min-width: 768px) {
/* reset */
::-webkit-scrollbar {
width: 19px;
height: 11px;
}
}

5
layouts/partials/head_styles.html
View File

@ -43,6 +43,11 @@
{{- $includes = (append $AnchoredHeadings $includes) }} {{- $includes = (append $AnchoredHeadings $includes) }}
{{- end }} {{- end }}
{{- if not (eq .Site.Params.features.disableScrollStyle true) }}
{{- $ScrollStyle := (resources.Get "css/includes/scroll-bar.css") }}
{{- $includes = (append $ScrollStyle $includes) }}
{{- end }}
{{- $includes_all := $includes | resources.Concat "assets/css/includes.css" }} {{- $includes_all := $includes | resources.Concat "assets/css/includes.css" }}
{{- /* order is important */}} {{- /* order is important */}}