feat: add new options for safe-area-inset directions (#5)

mvllow · Aug 28, 2023 · a6ee1e9 · a6ee1e9
1 parent 08840de
commit a6ee1e9
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1 +1,2 @@
 node_modules
+.idea
diff --git a/index.js b/index.js
@@ -54,6 +54,18 @@ const safeArea = plugin(({addUtilities, matchUtilities, theme}) => {
 		'.pl-safe': {
 			paddingLeft: 'env(safe-area-inset-left)',
 		},
+		'.top-safe': {
+			top: 'env(safe-area-inset-top)',
+		},
+		'.right-safe': {
+			right: 'env(safe-area-inset-right)',
+		},
+		'.bottom-safe': {
+			bottom: 'env(safe-area-inset-bottom)',
+		},
+		'.left-safe': {
+			left: 'env(safe-area-inset-left)',
+		},
 		'.min-h-screen-safe': {
 			minHeight: [
 				'calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom)))',