style: Update CSS formatting and add theme variables
This commit is contained in:
		
					parent
					
						
							
								9d9399056f
							
						
					
				
			
			
				commit
				
					
						21bdbab1cf
					
				
			
		
					 1 changed files with 10 additions and 6 deletions
				
			
		|  | @ -1,8 +1,12 @@ | |||
| @import 'tailwindcss'; | ||||
| @import "tailwindcss"; | ||||
| 
 | ||||
| .btn-primary { | ||||
|   @apply px-4 py-2 cursor-pointer relative font-bold rounded-lg transition-all duration-300 ease-out transform-gpu hover:scale-105 will-change-transform bg-gradient-to-r from-emerald-500 to-emerald-400 text-black hover:shadow-xl hover:shadow-emerald-500/20; | ||||
| } | ||||
| .btn-secondary { | ||||
|   @apply px-4 py-2 cursor-pointer relative font-bold rounded-lg transition-all duration-300 ease-out transform-gpu hover:scale-105 will-change-transform bg-white/10 text-white hover:bg-white/20; | ||||
| @theme { | ||||
|     --color-deep-blue: #0F212E; | ||||
|     --color-deep-blue-light: #1A2C38; | ||||
|     --color-deep-blue-contrast: #1B2C3B; | ||||
|     --color-light-blue: #1475E1; | ||||
| } | ||||
| 
 | ||||
| body { | ||||
|     @apply bg-deep-blue text-gray-100; | ||||
| } | ||||
		Reference in a new issue