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, serving both 'vh' and 'dvh' in the meantime. it name '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 f7931cb
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 f7931cb

Please sign in to comment.