| 
						
						
							
								
							
						
						
					 | 
				
				 | 
				
					@ -28,6 +28,21 @@ | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    </header> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					
 | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    <div class="container m-top-7"> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					
 | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        <div class="grid"> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					            <div class="col-12"> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                <p> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                    <span class="t-bold">Plain UI</span> is a simple UI Framework. It uses strong Utility Classes and has a few Components. | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                </p> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                <p> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                    Some ideas of this are based Work from the last 10 Years. But also Ideas from Frameworks TailwindCSS. | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                </p> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                <p> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                    The Basic Idea was a quick | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                </p> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					            </div> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        </div> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					
 | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        <div class="grid"> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					            <div class="col-12"> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                <h2 class="m-bottom-0">Heading</h2> | 
				
			
			
		
	
	
		
			
				
					| 
						
							
								
							
						
						
							
								
							
						
						
					 | 
				
				 | 
				
					@ -65,7 +80,8 @@ | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                    </a> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                </div> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					
 | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                <h2>Buttons</h2> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                <h2>Components</h2> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                <h3>Buttons</h3> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                <button class="button"> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                    Default | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                </button> | 
				
			
			
		
	
	
		
			
				
					| 
						
							
								
							
						
						
						
					 | 
				
				 | 
				
					
  |