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:
Tobias 2021-01-21 04:48:52 +01:00
parent b8377630af
commit 3f34e288db
2 changed files with 16 additions and 1 deletions

View file

@ -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;

View file

@ -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: {},