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

Commit

Permalink
feat: add dvh dynamic viewport unit utility
Browse files Browse the repository at this point in the history
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
  • Loading branch information
MohammedEsafi committed Nov 2, 2023
1 parent d0097d4 commit 82892cf
Showing 1 changed file with 7 additions and 0 deletions.
7 changes: 7 additions & 0 deletions src/app/globals.css
Original file line number Diff line number Diff line change
Expand Up @@ -54,3 +54,10 @@
@apply bg-background font-sans text-foreground;
}
}

@layer utilities {
.min-h-dvh {
height: 100vh;
height: 100dvh;
}
}

0 comments on commit 82892cf

Please sign in to comment.