mirror of
				https://github.com/adityatelange/hugo-PaperMod.git
				synced 2025-11-04 10:22:44 +01:00 
			
		
		
		
	Seperate scroll-bar customization into seperate stylesheet
This commit is contained in:
		@@ -189,10 +189,6 @@
 | 
			
		||||
    margin-bottom: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-content .highlighttable td .highlight pre code::-webkit-scrollbar {
 | 
			
		||||
    display: none;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-content code {
 | 
			
		||||
    margin: auto 4px;
 | 
			
		||||
    padding: 4px 6px;
 | 
			
		||||
@@ -368,28 +364,6 @@ h6:hover .anchor {
 | 
			
		||||
    user-select: 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;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.paginav {
 | 
			
		||||
    margin: 10px 0;
 | 
			
		||||
    display: flex;
 | 
			
		||||
 
 | 
			
		||||
@@ -114,29 +114,3 @@ img {
 | 
			
		||||
    display: block;
 | 
			
		||||
    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);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
::-webkit-scrollbar:not(.highlighttable, .highlight table, .gist .highlight) {
 | 
			
		||||
    background: var(--theme);
 | 
			
		||||
}
 | 
			
		||||
@@ -29,14 +29,6 @@
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media screen and (min-width: 768px) {
 | 
			
		||||
    /* reset */
 | 
			
		||||
    ::-webkit-scrollbar {
 | 
			
		||||
        width: 19px;
 | 
			
		||||
        height: 11px;
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/* footer */
 | 
			
		||||
@media screen and (max-width: 900px) {
 | 
			
		||||
    .list .top-link {
 | 
			
		||||
 
 | 
			
		||||
							
								
								
									
										63
									
								
								assets/css/includes/scroll-bar.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										63
									
								
								assets/css/includes/scroll-bar.css
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,63 @@
 | 
			
		||||
/* from reset */
 | 
			
		||||
::-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);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
::-webkit-scrollbar:not(.highlighttable, .highlight table, .gist .highlight) {
 | 
			
		||||
    background: var(--theme);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/* from post-single */
 | 
			
		||||
.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;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/* from zmedia */
 | 
			
		||||
@media screen and (min-width: 768px) {
 | 
			
		||||
 | 
			
		||||
    /* reset */
 | 
			
		||||
    ::-webkit-scrollbar {
 | 
			
		||||
        width: 19px;
 | 
			
		||||
        height: 11px;
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
		Reference in New Issue
	
	Block a user