forked from MapComplete/MapComplete
		
	Introduce max-h-65vh
I need this to refactor the featureinfobox and sub-classes. Ideally we could add this class via tailwind.config.js but for some reason it does not work; the class does not appear in the index.css file. As a workaround I added it differently, but still we should probably figure out why the config file does not work as expeced.
This commit is contained in:
		
							parent
							
								
									b8377630af
								
							
						
					
					
						commit
						3f34e288db
					
				
					 2 changed files with 16 additions and 1 deletions
				
			
		|  | @ -2,6 +2,15 @@ | |||
| @tailwind components; | ||||
| @tailwind utilities; | ||||
| 
 | ||||
| @layer utilities { | ||||
|   @variants responsive { | ||||
|     .max-h-65vh { | ||||
|       max-height: 65vh; | ||||
|     } | ||||
|   } | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| :root { | ||||
|     --subtle-detail-color: #e5f5ff; | ||||
|     --subtle-detail-color-contrast: black; | ||||
|  |  | |||
|  | @ -5,7 +5,13 @@ module.exports = { | |||
|   ], | ||||
|   darkMode: false, // or 'media' or 'class'
 | ||||
|   theme: { | ||||
|     extend: {}, | ||||
|     extend: { | ||||
|       // This does not work and I don't know why.
 | ||||
|       // Luckily index.css "@layer utilities" has the same effekt.
 | ||||
|       // maxHeight: {
 | ||||
|       //   '65vh': '65vh',
 | ||||
|       // },
 | ||||
|     }, | ||||
|   }, | ||||
|   variants: { | ||||
|     extend: {}, | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue