@microflash/preset - npm Package Compare versions

Comparing version 1.0.3 to 1.5.0

package.json

 {
   "name": "@microflash/preset",
-  "version": "1.0.3",
+  "version": "1.5.0",
   "description": "A modern CSS preset",
@@ -10,3 +10,3 @@ "keywords": [
   ],
-  "author": "Naiyer Asif (https://naiyer.dev)",
+  "author": "Naiyer Asif (https://www.naiyerasif.com)",
   "license": "MIT",
@@ -25,9 +25,9 @@ "repository": "https://github.com/Microflash/preset.git",
     "csso-cli": "^4.0.2",
-    "postcss": "^8.4.31",
-    "postcss-cli": "^10.1.0",
-    "postcss-preset-env": "^9.2.0",
-    "sass": "^1.69.4"
+    "postcss": "^8.4.33",
+    "postcss-cli": "^11.0.0",
+    "postcss-preset-env": "^9.3.0",
+    "sass": "^1.69.7"
   },
   "browserslist": [
-    "defaults, not IE > 0"
+    "defaults"
   ],
@@ -34,0 +34,0 @@ "scripts": {

postcss.config.js

@@ -1,2 +0,2 @@
-const postcssPresetEnv = require("postcss-preset-env")
+const postcssPresetEnv = require("postcss-preset-env");
 
@@ -14,5 +14,6 @@ module.exports = (ctx) => ({
 				"logical-properties-and-values": true,
+				"logical-resize": true
 			}
 		}),
 	]
-})
+});

README.md

@@ -14,2 +14,3 @@ ![preset](./banner.webp)
 - [Browser support](#browser-support)
+- [API](#api)
 - [Credits](#credits)
@@ -33,3 +34,3 @@ - [License](#license)
 ```js
-import "https://unpkg.com/@microflash/preset"
+import "https://unpkg.com/@microflash/preset";
 ```
@@ -39,3 +40,3 @@
 
-```css
+```html
 <link rel="stylesheet" href="https://unpkg.com/@microflash/preset">
@@ -50,5 +51,5 @@ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@microflash/preset">
 ```js
-import "@microflash/preset"
+import "@microflash/preset";
 // or using URL import
-import "https://unpkg.com/@microflash/preset"
+import "https://unpkg.com/@microflash/preset";
 ```
@@ -63,5 +64,5 @@
 ```js
-import "@microflash/preset/scss"
+import "@microflash/preset/scss";
 // or using URL import
-import "https://unpkg.com/@microflash/preset/src/preset.scss"
+import "https://unpkg.com/@microflash/preset/src/preset.scss";
 ```
@@ -82,9 +83,16 @@
 
+## API
+
+You can customize some aspects of `preset` through CSS properties. You can define these properties in `:root` or `html` scope.
+
+- `--preset-line-height` (default: `calc(0.3rem + 2ex + 0.3rem)`) to override the line-height
+- `--preset-tab-size` (default: `2`) to control the width of code block indentation
+- `--preset-stroke-color` (default: `currentColor`) to override the stroke color of SVG with no fill
+- `--preset-dialog-backdrop-filter` (default: `blur(25px)`) to override the backdrop filter of the dialog
+- `--preset-table-caption-side` (default: `bottom`) to customize caption position of a table caption
+- `--preset-scroll-padding` (default: `3rem`) to set `scroll-padding-block-start` for an element
+
 ## Credits
 
-- [Jeremy Thomas](https://jgthms.com/): [minireset.css](https://github.com/jgthms/minireset.css)
-- [Josh Comeau](https://www.joshwcomeau.com/): [My Custom CSS Reset](https://www.joshwcomeau.com/css/custom-css-reset/)
-- [Jesús Ricarte](https://www.super-simple.net/blog/): [Using calc to figure out optimal line-height](https://kittygiraudel.com/2020/05/18/using-calc-to-figure-out-optimal-line-height/)
-- [Adam Argyle](https://nerdy.dev/): [normalize.src.css](https://github.com/argyleink/open-props/blob/45a735169c62544a176b1d95384aeaf00d81862e/src/extra/normalize.src.css#L1)
-- [Elly Loel](https://www.ellyloel.com/): [reset.css](https://gist.github.com/EllyLoel/4ff8a6472247e6dd2315fd4038926522)
+[Adam Argyle](https://github.com/argyleink/open-props/blob/45a735169c62544a176b1d95384aeaf00d81862e/src/extra/normalize.src.css#L1), [Andy Bell](https://andy-bell.co.uk/a-more-modern-css-reset/), [Elly Loel](https://gist.github.com/EllyLoel/4ff8a6472247e6dd2315fd4038926522), [Jeremy Thomas](https://github.com/jgthms/minireset.css), [Jesús Ricarte](https://kittygiraudel.com/2020/05/18/using-calc-to-figure-out-optimal-line-height/), [Josh Comeau](https://www.joshwcomeau.com/css/custom-css-reset/), [Kevin Powell](https://www.youtube.com/watch?v=cCAtD_BAHNw)
 
@@ -91,0 +99,0 @@ ## License

No alert changes

Improved metrics

Total package byte prevSize

20118

9.99%

Lines of code

174

10.13%

Number of lines in readme file

96

9.09%

No dependency changes