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…
Reference in a new issue