tailwindcss-safe-area
Advanced tools
tailwindcss-safe-area - npm Package Compare versions
Comparing version 0.2.1 to 0.2.2
| { | ||
| "name": "tailwindcss-safe-area", | ||
| "version": "0.2.1", | ||
| "main": "src/index.js", | ||
| "license": "MIT", | ||
| "repository": "https://github.com/mvllow/tailwindcss-safe-area", | ||
| "keywords": [ | ||
| "tailwindcss", | ||
| "safe-area-inset", | ||
| "margin", | ||
| "padding" | ||
| ], | ||
| "prettier": { | ||
| "printWidth": 100, | ||
| "semi": false, | ||
| "singleQuote": true, | ||
| "trailingComma": "es5" | ||
| }, | ||
| "scripts": { | ||
| "prepublishOnly": "node scripts/build.js" | ||
| }, | ||
| "devDependencies": { | ||
| "autoprefixer": "^10.2.0", | ||
| "clean-css": "^4.2.1", | ||
| "postcss": "^8.2.2", | ||
| "tailwindcss": "^2.0.2" | ||
| } | ||
| "name": "tailwindcss-safe-area", | ||
| "version": "0.2.2", | ||
| "description": "Tailwind CSS safe area helpers", | ||
| "license": "MIT", | ||
| "repository": "mvllow/tailwindcss-safe-area", | ||
| "funding": "https://github.com/sponsors/mvllow", | ||
| "author": { | ||
| "name": "mvllow", | ||
| "email": "mvllow@icloud.com" | ||
| }, | ||
| "main": "index.js", | ||
| "scripts": { | ||
| "test": "xo", | ||
| "release": "np" | ||
| }, | ||
| "keywords": [ | ||
| "tailwindcss", | ||
| "tailwindcss-plugin", | ||
| "safe-area-inset", | ||
| "pwa", | ||
| "margin", | ||
| "padding" | ||
| ], | ||
| "devDependencies": { | ||
| "autoprefixer": "^10.4.1", | ||
| "np": "^7.6.0", | ||
| "postcss": "^8.4.5", | ||
| "prettier": "^2.5.1", | ||
| "tailwindcss": "^3.0.8", | ||
| "xo": "^0.47.0" | ||
| }, | ||
| "prettier": { | ||
| "bracketSpacing": false, | ||
| "semi": false, | ||
| "singleQuote": true, | ||
| "trailingComma": "es5", | ||
| "useTabs": true | ||
| }, | ||
| "xo": { | ||
| "prettier": true, | ||
| "ignores": [ | ||
| "demo" | ||
| ] | ||
| } | ||
| } |
| # tailwindcss-safe-area | ||
| Safe area inset utilities using the existing padding/margin syntax | ||
| Safe area inset utilities extending margin, padding, and height | ||
@@ -16,9 +16,4 @@ ## Getting started | ||
| module.exports = { | ||
| theme: { | ||
| // ... | ||
| }, | ||
| plugins: [ | ||
| require('tailwindcss-safe-area'), | ||
| // ... | ||
| ], | ||
| theme: {}, | ||
| plugins: [require('tailwindcss-safe-area')], | ||
| } | ||
@@ -34,13 +29,9 @@ ``` | ||
| ```html | ||
| <header class="pt-safe"> | ||
| <h1>Ciao!</h1> | ||
| </header> | ||
| <header class="pt-safe">...</header> | ||
| <main class="pb-safe"> | ||
| <p> | ||
| Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptate itaque blanditiis eum | ||
| aperiam velit eaque aliquam, ex harum quisquam. Et consequuntur ipsa accusamus provident quae | ||
| magni, earum suscipit laboriosam aperiam! | ||
| </p> | ||
| <main class="px-safe"> | ||
| <p>ciao</p> | ||
| </main> | ||
| <footer class="pb-safe">...</footer> | ||
| ``` | ||
@@ -61,1 +52,10 @@ | ||
| | | `-webkit-fill-available` | | ||
| _Tip: To extend html content behind the safe area, set `viewport-fit=cover`_ | ||
| ```html | ||
| <meta | ||
| name="viewport" | ||
| content="width=device-width, initial-scale=1.0, viewport-fit=cover" | ||
| /> | ||
| ``` |
New alerts
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
No repository
Supply chain riskPackage does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.
Found 1 instance in 1 package
Fixed alerts
Filesystem access
Supply chain riskAccesses the file system, and could potentially read sensitive data.
Found 1 instance in 1 package
No contributors or author data
MaintenancePackage does not specify a list of contributors or an author in package.json.
Found 1 instance in 1 package
No repository
Supply chain riskPackage does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.
Found 1 instance in 1 package
Improved metrics
- Number of low maintenance alerts
- decreased by-50%
1
- Number of low supply chain risk alerts
- decreased by-50%
1
Worsened metrics
- Total package byte prevSize
- decreased by-27.28%
5889
- Dev dependency count
- increased by50%
6
- Number of package files
- decreased by-33.33%
4
- Lines of code
- decreased by-53.5%
73
- Number of medium supply chain risk alerts
- increased byInfinity%
1