Skip to content
This repository was archived by the owner on May 10, 2024. It is now read-only.

Commit 82892cf

Browse files
committed
feat: add dvh dynamic viewport unit utility
This new utility is designed to be backwards compatible, applying both `vh` and `dvh` in the meantime. it name `min-h-dvh` is inspired by the pull request on Tailwind CSS, which will include `dvh` as a default theme option in the future. For more information, refer to tailwindlabs/tailwindcss#11317
1 parent d0097d4 commit 82892cf

File tree

1 file changed

+7
-0
lines changed

1 file changed

+7
-0
lines changed

src/app/globals.css

+7
Original file line numberDiff line numberDiff line change
@@ -54,3 +54,10 @@
5454
@apply bg-background font-sans text-foreground;
5555
}
5656
}
57+
58+
@layer utilities {
59+
.min-h-dvh {
60+
height: 100vh;
61+
height: 100dvh;
62+
}
63+
}

0 commit comments

Comments
 (0)