New component
This commit is contained in:
		
							
								
								
									
										17
									
								
								components/01_Layouts/fan/_fan.scss
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										17
									
								
								components/01_Layouts/fan/_fan.scss
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,17 @@
 | 
			
		||||
@mixin RV-Fan {
 | 
			
		||||
	&__Container {
 | 
			
		||||
		display: flex;
 | 
			
		||||
 | 
			
		||||
		&--horizontal {
 | 
			
		||||
			flex-direction: row;
 | 
			
		||||
		}
 | 
			
		||||
 | 
			
		||||
		&--vertical {
 | 
			
		||||
			flex-direction: column;
 | 
			
		||||
		}
 | 
			
		||||
	}
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.RV-Fan {
 | 
			
		||||
	@include RV-Fan;
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										1
									
								
								components/01_Layouts/fan/fan.config.json
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										1
									
								
								components/01_Layouts/fan/fan.config.json
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1 @@
 | 
			
		||||
{}
 | 
			
		||||
							
								
								
									
										8
									
								
								components/01_Layouts/fan/fan.hbs
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										8
									
								
								components/01_Layouts/fan/fan.hbs
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,8 @@
 | 
			
		||||
<div class="RV-Fan__Container RV-Fan__Container--horizontal">
 | 
			
		||||
	<div class="landscape red RV-Fan__Base"></div>
 | 
			
		||||
	<div class="green RV-Fan__Surface">
 | 
			
		||||
		<p>Some content here</p>
 | 
			
		||||
		<p>More conthent over here</p>
 | 
			
		||||
		<p>And something here</p>
 | 
			
		||||
	</div>
 | 
			
		||||
</div>
 | 
			
		||||
		Reference in New Issue
	
	Block a user