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 components;
|
||||||
@tailwind utilities;
|
@tailwind utilities;
|
||||||
|
|
||||||
|
@layer utilities {
|
||||||
|
@variants responsive {
|
||||||
|
.max-h-65vh {
|
||||||
|
max-height: 65vh;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--subtle-detail-color: #e5f5ff;
|
--subtle-detail-color: #e5f5ff;
|
||||||
--subtle-detail-color-contrast: black;
|
--subtle-detail-color-contrast: black;
|
||||||
|
|
|
@ -5,7 +5,13 @@ module.exports = {
|
||||||
],
|
],
|
||||||
darkMode: false, // or 'media' or 'class'
|
darkMode: false, // or 'media' or 'class'
|
||||||
theme: {
|
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: {
|
variants: {
|
||||||
extend: {},
|
extend: {},
|
||||||
|
|
Loading…
Reference in a new issue