Several Form elements
This commit is contained in:
		
							
								
								
									
										13
									
								
								components/01_Atoms/checkbox/_checkbox.scss
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										13
									
								
								components/01_Atoms/checkbox/_checkbox.scss
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,13 @@
 | 
			
		||||
.LP-Form{
 | 
			
		||||
	.LP-Form__Checkbox{
 | 
			
		||||
			display: none;
 | 
			
		||||
	}	
 | 
			
		||||
 | 
			
		||||
	.LP-Form__CheckBox__CheckMark{
 | 
			
		||||
		height: 1em;
 | 
			
		||||
		width: 1em;
 | 
			
		||||
		border: 1px solid black;
 | 
			
		||||
		padding: 0 calc(.5em + 2px);
 | 
			
		||||
		margin-right: .7em;
 | 
			
		||||
	}
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										3
									
								
								components/01_Atoms/checkbox/checkbox.config.json
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										3
									
								
								components/01_Atoms/checkbox/checkbox.config.json
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,3 @@
 | 
			
		||||
{
 | 
			
		||||
	
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										3
									
								
								components/01_Atoms/checkbox/checkbox.hbs
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										3
									
								
								components/01_Atoms/checkbox/checkbox.hbs
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,3 @@
 | 
			
		||||
<form class="LP-Form">
 | 
			
		||||
	<label for="wurstwasser" class="LP-Form__Label"><span class="LP-Form__CheckBox__CheckMark"></span><input id="wurstwasser" type="checkbox" class="LP-Form__Checkbox"/>Check me</label>
 | 
			
		||||
</form>
 | 
			
		||||
		Reference in New Issue
	
	Block a user