Initial Push
This commit is contained in:
		
							
								
								
									
										116
									
								
								assets/scss/material-kit/plugins/free/_perfect-scrollbar.scss
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										116
									
								
								assets/scss/material-kit/plugins/free/_perfect-scrollbar.scss
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,116 @@ | ||||
| /* | ||||
|  * Container style | ||||
|  */ | ||||
| .ps { | ||||
|   overflow: hidden !important; | ||||
|   overflow-anchor: none; | ||||
|   -ms-overflow-style: none; | ||||
|   touch-action: auto; | ||||
|   -ms-touch-action: auto; | ||||
| } | ||||
|  | ||||
| /* | ||||
|  * Scrollbar rail styles | ||||
|  */ | ||||
| .ps__rail-x { | ||||
|   display: none; | ||||
|   opacity: 0; | ||||
|   transition: background-color .2s linear, opacity .2s linear; | ||||
|   -webkit-transition: background-color .2s linear, opacity .2s linear; | ||||
|   height: 15px; | ||||
|   /* there must be 'bottom' or 'top' for ps__rail-x */ | ||||
|   bottom: 0px; | ||||
|   /* please don't change 'position' */ | ||||
|   position: absolute; | ||||
| } | ||||
|  | ||||
| .ps__rail-y { | ||||
|   display: none; | ||||
|   opacity: 0; | ||||
|   transition: background-color .2s linear, opacity .2s linear; | ||||
|   -webkit-transition: background-color .2s linear, opacity .2s linear; | ||||
|   width: 15px; | ||||
|   /* there must be 'right' or 'left' for ps__rail-y */ | ||||
|   right: 0; | ||||
|   /* please don't change 'position' */ | ||||
|   position: absolute; | ||||
| } | ||||
|  | ||||
| .ps--active-x > .ps__rail-x, | ||||
| .ps--active-y > .ps__rail-y { | ||||
|   display: block; | ||||
|   background-color: transparent; | ||||
| } | ||||
|  | ||||
| .ps:hover > .ps__rail-x, | ||||
| .ps:hover > .ps__rail-y, | ||||
| .ps--focus > .ps__rail-x, | ||||
| .ps--focus > .ps__rail-y, | ||||
| .ps--scrolling-x > .ps__rail-x, | ||||
| .ps--scrolling-y > .ps__rail-y { | ||||
|   opacity: 0.6; | ||||
| } | ||||
|  | ||||
| .ps .ps__rail-x:hover, | ||||
| .ps .ps__rail-y:hover, | ||||
| .ps .ps__rail-x:focus, | ||||
| .ps .ps__rail-y:focus, | ||||
| .ps .ps__rail-x.ps--clicking, | ||||
| .ps .ps__rail-y.ps--clicking { | ||||
|   background-color: #eee; | ||||
|   opacity: 0.9; | ||||
| } | ||||
|  | ||||
| /* | ||||
|  * Scrollbar thumb styles | ||||
|  */ | ||||
| .ps__thumb-x { | ||||
|   background-color: #aaa; | ||||
|   border-radius: 6px; | ||||
|   transition: background-color .2s linear, height .2s ease-in-out; | ||||
|   -webkit-transition: background-color .2s linear, height .2s ease-in-out; | ||||
|   height: 6px; | ||||
|   /* there must be 'bottom' for ps__thumb-x */ | ||||
|   bottom: 2px; | ||||
|   /* please don't change 'position' */ | ||||
|   position: absolute; | ||||
| } | ||||
|  | ||||
| .ps__thumb-y { | ||||
|   background-color: #aaa; | ||||
|   border-radius: 6px; | ||||
|   transition: background-color .2s linear, width .2s ease-in-out; | ||||
|   -webkit-transition: background-color .2s linear, width .2s ease-in-out; | ||||
|   width: 6px; | ||||
|   /* there must be 'right' for ps__thumb-y */ | ||||
|   right: 2px; | ||||
|   /* please don't change 'position' */ | ||||
|   position: absolute; | ||||
| } | ||||
|  | ||||
| .ps__rail-x:hover > .ps__thumb-x, | ||||
| .ps__rail-x:focus > .ps__thumb-x, | ||||
| .ps__rail-x.ps--clicking .ps__thumb-x { | ||||
|   background-color: #999; | ||||
|   height: 11px; | ||||
| } | ||||
|  | ||||
| .ps__rail-y:hover > .ps__thumb-y, | ||||
| .ps__rail-y:focus > .ps__thumb-y, | ||||
| .ps__rail-y.ps--clicking .ps__thumb-y { | ||||
|   background-color: #999; | ||||
|   width: 11px; | ||||
| } | ||||
|  | ||||
| /* MS supports */ | ||||
| @supports (-ms-overflow-style: none) { | ||||
|   .ps { | ||||
|     overflow: auto !important; | ||||
|   } | ||||
| } | ||||
|  | ||||
| @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { | ||||
|   .ps { | ||||
|     overflow: auto !important; | ||||
|   } | ||||
| } | ||||
		Reference in New Issue
	
	Block a user