mirror of
				https://github.com/Wonderfall/hugo-WonderMod.git
				synced 2025-10-31 03:45:24 +01:00 
			
		
		
		
	scroll-bar(css): reduce size for smaller screens
misc
This commit is contained in:
		| @@ -112,24 +112,31 @@ img { | ||||
|     max-width: 100%; | ||||
| } | ||||
|  | ||||
| ::-webkit-scrollbar { | ||||
| *::-webkit-scrollbar { | ||||
|     width: 10px; | ||||
|     height: 6px; | ||||
| } | ||||
|  | ||||
| ::-webkit-scrollbar-track { | ||||
| *::-webkit-scrollbar-track { | ||||
|     background: var(--theme); | ||||
| } | ||||
|  | ||||
| ::-webkit-scrollbar-thumb { | ||||
| *::-webkit-scrollbar-thumb { | ||||
|     background: var(--tertiary); | ||||
|     border-radius: var(--radius); | ||||
| } | ||||
|  | ||||
| ::-webkit-scrollbar-thumb:hover { | ||||
| *::-webkit-scrollbar-thumb:hover { | ||||
|     background: var(--secondary); | ||||
| } | ||||
|  | ||||
| @media screen and (max-width: 800px) { | ||||
|     *::-webkit-scrollbar { | ||||
|         width: 8px; | ||||
|         height: 2px; | ||||
|     } | ||||
| } | ||||
|  | ||||
| *:focus { | ||||
|     outline:none; | ||||
| } | ||||
|   | ||||
		Reference in New Issue
	
	Block a user
	 Aditya Telange
					Aditya Telange