Move custom max-height-version to Config
As it turns out, the config does work once you restart the server … 🤦
This commit is contained in:
parent
e1daade961
commit
397a4414f3
2 changed files with 4 additions and 13 deletions
|
@ -3,14 +3,6 @@
|
||||||
@tailwind utilities;
|
@tailwind utilities;
|
||||||
|
|
||||||
@layer utilities {
|
@layer utilities {
|
||||||
@variants responsive {
|
|
||||||
.max-h-65vh {
|
|
||||||
max-height: 65vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
.max-h-20vh {
|
|
||||||
max-height: 20vh;
|
|
||||||
}
|
|
||||||
.btn {
|
.btn {
|
||||||
@apply inline-flex justify-center;
|
@apply inline-flex justify-center;
|
||||||
@apply py-2 px-4;
|
@apply py-2 px-4;
|
||||||
|
|
|
@ -6,11 +6,10 @@ 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.
|
maxHeight: {
|
||||||
// Luckily index.css "@layer utilities" has the same effekt.
|
'65vh': '65vh',
|
||||||
// maxHeight: {
|
'20vh': '20vh',
|
||||||
// '65vh': '65vh',
|
},
|
||||||
// },
|
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
variants: {
|
variants: {
|
||||||
|
|
Loading…
Reference in a new issue