refactor: extract and tweak css style
This commit is contained in:
		
							parent
							
								
									f8144f259c
								
							
						
					
					
						commit
						949360ed2a
					
				| @ -2,30 +2,10 @@ | ||||
| <html> | ||||
| 	<head> | ||||
| 		<title>mBank mt940 konwerter</title> | ||||
| 		<meta charset="utf-8" /> | ||||
| 		<meta name="viewport" content="width=device-width, initial-scale=1" /> | ||||
| 		<link rel="stylesheet" href="styles.css" /> | ||||
| 	</head> | ||||
| 	<style> | ||||
| 		p { | ||||
| 			max-width: 600px; | ||||
| 		} | ||||
| 
 | ||||
| 		input, | ||||
| 		button { | ||||
| 			height: 40px; | ||||
| 			font-size: 20px; | ||||
| 		} | ||||
| 
 | ||||
| 		.hidden { | ||||
| 			display: none; | ||||
| 		} | ||||
| 
 | ||||
| 		.success { | ||||
| 			background-color: hsl(120, 100%, 85.1%); | ||||
| 			padding: 2rem; | ||||
| 			margin: 1rem; | ||||
| 			font-size: 1.2rem; | ||||
| 			color: hsl(120, 100%, 7.1%); | ||||
| 		} | ||||
| 	</style> | ||||
| 	<body> | ||||
| 		<main> | ||||
| 			<header> | ||||
|  | ||||
							
								
								
									
										20
									
								
								public/styles.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										20
									
								
								public/styles.css
									
									
									
									
									
										Normal file
									
								
							| @ -0,0 +1,20 @@ | ||||
| body { | ||||
| 	max-width: 600px; | ||||
| 	margin: 0 auto; | ||||
| } | ||||
| 
 | ||||
| button { | ||||
| 	width: 100%; | ||||
| } | ||||
| 
 | ||||
| .hidden { | ||||
| 	display: none; | ||||
| } | ||||
| 
 | ||||
| .success { | ||||
| 	background-color: hsl(120, 100%, 85.1%); | ||||
| 	padding: 2rem; | ||||
| 	margin: 1rem; | ||||
| 	font-size: 1.2rem; | ||||
| 	color: hsl(120, 100%, 7.1%); | ||||
| } | ||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user