Fix multiple-column padding
This commit is contained in:
		
							parent
							
								
									a773d02946
								
							
						
					
					
						commit
						0ccc06b87f
					
				| @ -552,6 +552,42 @@ | |||||||
|   } |   } | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
|  | .column, | ||||||
|  | .drawer { | ||||||
|  |   flex: 1 1 100%; | ||||||
|  |   overflow: hidden; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | @media screen and (min-width: 631px) { | ||||||
|  |   .columns-area { | ||||||
|  |     padding: 0; | ||||||
|  |   } | ||||||
|  | 
 | ||||||
|  |   .column, | ||||||
|  |   .drawer { | ||||||
|  |     flex: 0 0 auto; | ||||||
|  |     padding: 10px; | ||||||
|  |     padding-left: 5px; | ||||||
|  |     padding-right: 5px; | ||||||
|  | 
 | ||||||
|  |     &:first-child { | ||||||
|  |       padding-left: 10px; | ||||||
|  |     } | ||||||
|  | 
 | ||||||
|  |     &:last-child { | ||||||
|  |       padding-right: 10px; | ||||||
|  |     } | ||||||
|  |   } | ||||||
|  | 
 | ||||||
|  |   .columns-area > div { | ||||||
|  |     .column, | ||||||
|  |     .drawer { | ||||||
|  |       padding-left: 5px; | ||||||
|  |       padding-right: 5px; | ||||||
|  |     } | ||||||
|  |   } | ||||||
|  | } | ||||||
|  | 
 | ||||||
| .tabs-bar { | .tabs-bar { | ||||||
|   box-sizing: border-box; |   box-sizing: border-box; | ||||||
|   display: flex; |   display: flex; | ||||||
|  | |||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user