mirror of
				https://github.com/Wonderfall/hugo-WonderMod.git
				synced 2025-10-30 19:35:26 +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
	 Aditya Telange
					Aditya Telange