Grid for home page
This commit is contained in:
		
							parent
							
								
									de34b1cad8
								
							
						
					
					
						commit
						041178f95d
					
				
					 1 changed files with 27 additions and 0 deletions
				
			
		
							
								
								
									
										27
									
								
								themes/nluug/assets/scss/styles_grid_homepage.scss
									
										
									
									
									
										Executable file
									
								
							
							
						
						
									
										27
									
								
								themes/nluug/assets/scss/styles_grid_homepage.scss
									
										
									
									
									
										Executable file
									
								
							| 
						 | 
				
			
			@ -0,0 +1,27 @@
 | 
			
		|||
@media (min-width: 1023px) {
 | 
			
		||||
  .grid-row {
 | 
			
		||||
        display: grid;
 | 
			
		||||
        grid-template-columns: repeat(12, 1fr);
 | 
			
		||||
        grid-template-rows: 1fr auto;
 | 
			
		||||
        column-gap: 1.5em;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
.grid-fourth {
 | 
			
		||||
        grid-column: auto / span 3;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.grid-third {
 | 
			
		||||
        grid-column: auto / span 4;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.grid-two-thirds {
 | 
			
		||||
        grid-column: auto / span 8;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.grid-half {
 | 
			
		||||
        grid-column: auto / span 6;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.grid-three-fourths {
 | 
			
		||||
        grid-column: auto / span 9;
 | 
			
		||||
}
 | 
			
		||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue