mirror of
				https://github.com/horst3180/arc-theme.git
				synced 2025-06-13 12:53:52 +00:00 
			
		
		
		
	tweak osd scale slider
This commit is contained in:
		
							parent
							
								
									7e7fd197b6
								
							
						
					
					
						commit
						7b2f1bfe25
					
				| @ -2100,10 +2100,14 @@ scale { | ||||
|       background-image: linear-gradient(to bottom, #5294E2); | ||||
|       border-color: #5294E2; } | ||||
|     .osd scale slider { | ||||
|       background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95)); | ||||
|       min-width: 11px; | ||||
|       min-height: 11px; | ||||
|       margin: -4px; | ||||
|       background-image: linear-gradient(to bottom, #5294E2); | ||||
|       border-color: #5294E2; } | ||||
|       .osd scale slider:hover { | ||||
|         background-image: linear-gradient(to bottom, #5294E2); } | ||||
|         background-image: linear-gradient(to bottom, #7eafe9); | ||||
|         border-color: #7eafe9; } | ||||
|       .osd scale slider:active { | ||||
|         background-image: linear-gradient(to bottom, #2679db); | ||||
|         border-color: #2679db; } | ||||
|  | ||||
| @ -2099,10 +2099,14 @@ scale { | ||||
|       background-image: linear-gradient(to bottom, #5294E2); | ||||
|       border-color: #5294E2; } | ||||
|     .osd scale slider { | ||||
|       background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95)); | ||||
|       min-width: 11px; | ||||
|       min-height: 11px; | ||||
|       margin: -4px; | ||||
|       background-image: linear-gradient(to bottom, #5294E2); | ||||
|       border-color: #5294E2; } | ||||
|       .osd scale slider:hover { | ||||
|         background-image: linear-gradient(to bottom, #5294E2); } | ||||
|         background-image: linear-gradient(to bottom, #7eafe9); | ||||
|         border-color: #7eafe9; } | ||||
|       .osd scale slider:active { | ||||
|         background-image: linear-gradient(to bottom, #2679db); | ||||
|         border-color: #2679db; } | ||||
|  | ||||
| @ -2100,10 +2100,14 @@ scale { | ||||
|       background-image: linear-gradient(to bottom, #5294E2); | ||||
|       border-color: #5294E2; } | ||||
|     .osd scale slider { | ||||
|       background-image: linear-gradient(to bottom, #353945); | ||||
|       min-width: 11px; | ||||
|       min-height: 11px; | ||||
|       margin: -4px; | ||||
|       background-image: linear-gradient(to bottom, #5294E2); | ||||
|       border-color: #5294E2; } | ||||
|       .osd scale slider:hover { | ||||
|         background-image: linear-gradient(to bottom, #5294E2); } | ||||
|         background-image: linear-gradient(to bottom, #7eafe9); | ||||
|         border-color: #7eafe9; } | ||||
|       .osd scale slider:active { | ||||
|         background-image: linear-gradient(to bottom, #2679db); | ||||
|         border-color: #2679db; } | ||||
|  | ||||
| @ -2099,10 +2099,14 @@ scale { | ||||
|       background-image: linear-gradient(to bottom, #5294E2); | ||||
|       border-color: #5294E2; } | ||||
|     .osd scale slider { | ||||
|       background-image: linear-gradient(to bottom, #353945); | ||||
|       min-width: 11px; | ||||
|       min-height: 11px; | ||||
|       margin: -4px; | ||||
|       background-image: linear-gradient(to bottom, #5294E2); | ||||
|       border-color: #5294E2; } | ||||
|       .osd scale slider:hover { | ||||
|         background-image: linear-gradient(to bottom, #5294E2); } | ||||
|         background-image: linear-gradient(to bottom, #7eafe9); | ||||
|         border-color: #7eafe9; } | ||||
|       .osd scale slider:active { | ||||
|         background-image: linear-gradient(to bottom, #2679db); | ||||
|         border-color: #2679db; } | ||||
|  | ||||
| @ -2103,10 +2103,14 @@ scale { | ||||
|       background-image: linear-gradient(to bottom, #5294E2); | ||||
|       border-color: #5294E2; } | ||||
|     .osd scale slider { | ||||
|       background-image: linear-gradient(to bottom, #353945); | ||||
|       min-width: 11px; | ||||
|       min-height: 11px; | ||||
|       margin: -4px; | ||||
|       background-image: linear-gradient(to bottom, #5294E2); | ||||
|       border-color: #5294E2; } | ||||
|       .osd scale slider:hover { | ||||
|         background-image: linear-gradient(to bottom, #5294E2); } | ||||
|         background-image: linear-gradient(to bottom, #7eafe9); | ||||
|         border-color: #7eafe9; } | ||||
|       .osd scale slider:active { | ||||
|         background-image: linear-gradient(to bottom, #2679db); | ||||
|         border-color: #2679db; } | ||||
|  | ||||
| @ -2103,10 +2103,14 @@ scale { | ||||
|       background-image: linear-gradient(to bottom, #5294E2); | ||||
|       border-color: #5294E2; } | ||||
|     .osd scale slider { | ||||
|       background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95)); | ||||
|       min-width: 11px; | ||||
|       min-height: 11px; | ||||
|       margin: -4px; | ||||
|       background-image: linear-gradient(to bottom, #5294E2); | ||||
|       border-color: #5294E2; } | ||||
|       .osd scale slider:hover { | ||||
|         background-image: linear-gradient(to bottom, #5294E2); } | ||||
|         background-image: linear-gradient(to bottom, #7eafe9); | ||||
|         border-color: #7eafe9; } | ||||
|       .osd scale slider:active { | ||||
|         background-image: linear-gradient(to bottom, #2679db); | ||||
|         border-color: #2679db; } | ||||
|  | ||||
| @ -2124,10 +2124,18 @@ scale { | ||||
|     } | ||||
|     //OSD sliders | ||||
|     .osd & { | ||||
|       background-image: linear-gradient(to bottom, $osd_bg_color); | ||||
|       min-width: 11px; | ||||
|       min-height: 11px; | ||||
|       margin: -4px; | ||||
| 
 | ||||
|       background-image: linear-gradient(to bottom, $selected_bg_color); | ||||
|       border-color: $selected_bg_color; | ||||
| 
 | ||||
|       &:hover { background-image: linear-gradient(to bottom, $selected_bg_color); } | ||||
|       &:hover { | ||||
|         background-image: linear-gradient(to bottom, lighten($selected_bg_color, 10%)); | ||||
|         border-color: lighten($selected_bg_color, 10%) | ||||
| ; | ||||
|       } | ||||
|       &:active { | ||||
|         background-image: linear-gradient(to bottom, darken($selected_bg_color, 10%)); | ||||
|         border-color: darken($selected_bg_color, 10%); | ||||
|  | ||||
		Loading…
	
		Reference in New Issue
	
	Block a user