@substrate-system/css-normalize - npm Package Compare versions

Comparing version 0.0.10 to 0.0.11

dist/stack.css

+/*
+    See https://every-layout.dev/layouts/stack/#the-solution
+*/
+.stack > * + * {
+    margin-block-start: 1.5rem;
+}

dist/stack.min.css

+.stack>*+*{margin-block-start:1.5rem}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9zdGFjay5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0EsV0FDSSx5QkFDSiIsImZpbGUiOiJzdGFjay5taW4uY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAgICBTZWUgaHR0cHM6Ly9ldmVyeS1sYXlvdXQuZGV2L2xheW91dHMvc3RhY2svI3RoZS1zb2x1dGlvblxuKi9cbi5zdGFjayA+ICogKyAqIHtcbiAgICBtYXJnaW4tYmxvY2stc3RhcnQ6IDEuNXJlbTtcbn1cbiJdfQ== */

dist/index.min.css

 *,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;interpolate-size:allow-keywords}*{line-height:calc(4px + 2ex);margin:0}body{-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}p{hyphens:auto;text-wrap:pretty}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root{isolation:isolate}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9pbmRleC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS0EsaUJBQ0kscUJBQ0osQ0FFQSxLQUNJLHNCQUF1QixDQUV2QiwrQkFDSixDQUdBLEVBUUksMkJBQWtDLENBTmxDLFFBT0osQ0FFQSxLQUVJLGtDQUNKLENBR0EsNkJBQ0ksYUFBYyxDQUNkLGNBQ0osQ0FHQSw2QkFDSSxZQUNKLENBR0EsRUFHSSxZQUFhLENBRmIsZ0JBR0osQ0FHQSxvQkFMSSx3QkFRSixDQUhBLGtCQUNJLGlCQUVKLENBV0EsTUFDSSxpQkFDSixDQUdBLHVDQUNJLEtBQ0ksb0JBQ0osQ0FDSiIsImZpbGUiOiJzcmMvaW5kZXguY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLypcbnNlZSBodHRwczovL3d3dy5qb3Nod2NvbWVhdS5jb20vY3NzL2N1c3RvbS1jc3MtcmVzZXQvXG4qL1xuXG4vKiAxLiBCb3gtc2l6aW5nIG1vZGVsICovXG4qLCAqOjpiZWZvcmUsICo6OmFmdGVyIHtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xufVxuXG5odG1sIHtcbiAgICBzY3JvbGwtYmVoYXZpb3I6IHNtb290aDtcbiAgICAvKiAzLiBFbmFibGUga2V5d29yZCBhbmltYXRpb25zICovXG4gICAgaW50ZXJwb2xhdGUtc2l6ZTogYWxsb3cta2V5d29yZHM7XG59XG5cblxuKiB7XG4gICAgLyogMi4gUmVtb3ZlIGRlZmF1bHQgbWFyZ2luICovXG4gICAgbWFyZ2luOiAwO1xuXG4gICAgLypcbiAgICAgICAgMy4gQWRkIGFjY2Vzc2libGUgbGluZS1oZWlnaHQgXG4gICAgICAgIHNlZSBodHRwczovL2tpdHR5Z2lyYXVkZWwuY29tLzIwMjAvMDUvMTgvdXNpbmctY2FsYy10by1maWd1cmUtb3V0LW9wdGltYWwtbGluZS1oZWlnaHQvXG4gICAgKi9cbiAgICBsaW5lLWhlaWdodDogY2FsYygycHggKyAyZXggKyAycHgpO1xufVxuXG5ib2R5IHtcbiAgICAvKiA0LiBJbXByb3ZlIHRleHQgcmVuZGVyaW5nICovXG4gICAgLXdlYmtpdC1mb250LXNtb290aGluZzogYW50aWFsaWFzZWQ7XG59XG5cbi8qIDUuIEltcHJvdmUgbWVkaWEgZGVmYXVsdHMgKi9cbmltZywgcGljdHVyZSwgdmlkZW8sIGNhbnZhcywgc3ZnIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBtYXgtd2lkdGg6IDEwMCU7XG59XG5cbi8qIDYuIEluaGVyaXQgZm9udHMgZm9yIGZvcm0gY29udHJvbHMgKi9cbmlucHV0LCBidXR0b24sIHRleHRhcmVhLCBzZWxlY3Qge1xuICAgIGZvbnQ6IGluaGVyaXQ7XG59XG5cbi8qIDcuIEF2b2lkIHRleHQgb3ZlcmZsb3dzICovXG5wIHtcbiAgICB0ZXh0LXdyYXA6IHByZXR0eTtcbiAgICBvdmVyZmxvdy13cmFwOiBicmVhay13b3JkO1xuICAgIGh5cGhlbnM6IGF1dG87XG59XG5cbi8qIDguIEltcHJvdmUgbGluZSB3cmFwcGluZyAqL1xuaDEsIGgyLCBoMywgaDQsIGg1LCBoNiB7XG4gICAgdGV4dC13cmFwOiBiYWxhbmNlO1xuICAgIG92ZXJmbG93LXdyYXA6IGJyZWFrLXdvcmQ7XG59XG5cblxuLypcbiAgOS4gQ3JlYXRlIGEgcm9vdCBzdGFja2luZyBjb250ZXh0XG5cbiAgX19PUFRJT05BTF9fXG5cbiAgc2VlIGh0dHBzOi8vd3d3Lmpvc2h3Y29tZWF1LmNvbS9jc3MvY3VzdG9tLWNzcy1yZXNldC8jbmluZS1yb290LXN0YWNraW5nLWNvbnRleHQtMTBcbiAgc2VlIGh0dHBzOi8vd3d3Lmpvc2h3Y29tZWF1LmNvbS9jc3Mvc3RhY2tpbmctY29udGV4dHMvXG4qL1xuI3Jvb3Qge1xuICAgIGlzb2xhdGlvbjogaXNvbGF0ZTtcbn1cblxuLyogc2VlIGh0dHBzOi8vZ29tYWtldGhpbmdzLmNvbS9ob3ctdG8tYW5pbWF0ZS1zY3JvbGxpbmctdG8tYW5jaG9yLWxpbmtzLXdpdGgtb25lLWxpbmUtb2YtY3NzLyNhY2Nlc3NpYmlsaXR5LWNvbmNlcm5zICovXG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAgIGh0bWwge1xuICAgICAgICBzY3JvbGwtYmVoYXZpb3I6IGF1dG87XG4gICAgfVxufVxuIl19 */
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9pbmRleC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS0EsaUJBQ0kscUJBQ0osQ0FFQSxLQUNJLHNCQUF1QixDQUV2QiwrQkFDSixDQUdBLEVBUUksMkJBQWtDLENBTmxDLFFBT0osQ0FFQSxLQUVJLGtDQUNKLENBR0EsNkJBQ0ksYUFBYyxDQUNkLGNBQ0osQ0FHQSw2QkFDSSxZQUNKLENBR0EsRUFHSSxZQUFhLENBRmIsZ0JBR0osQ0FHQSxvQkFMSSx3QkFRSixDQUhBLGtCQUNJLGlCQUVKLENBV0EsTUFDSSxpQkFDSixDQUdBLHVDQUNJLEtBQ0ksb0JBQ0osQ0FDSiIsImZpbGUiOiJpbmRleC5taW4uY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLypcbnNlZSBodHRwczovL3d3dy5qb3Nod2NvbWVhdS5jb20vY3NzL2N1c3RvbS1jc3MtcmVzZXQvXG4qL1xuXG4vKiAxLiBCb3gtc2l6aW5nIG1vZGVsICovXG4qLCAqOjpiZWZvcmUsICo6OmFmdGVyIHtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xufVxuXG5odG1sIHtcbiAgICBzY3JvbGwtYmVoYXZpb3I6IHNtb290aDtcbiAgICAvKiAzLiBFbmFibGUga2V5d29yZCBhbmltYXRpb25zICovXG4gICAgaW50ZXJwb2xhdGUtc2l6ZTogYWxsb3cta2V5d29yZHM7XG59XG5cblxuKiB7XG4gICAgLyogMi4gUmVtb3ZlIGRlZmF1bHQgbWFyZ2luICovXG4gICAgbWFyZ2luOiAwO1xuXG4gICAgLypcbiAgICAgICAgMy4gQWRkIGFjY2Vzc2libGUgbGluZS1oZWlnaHQgXG4gICAgICAgIHNlZSBodHRwczovL2tpdHR5Z2lyYXVkZWwuY29tLzIwMjAvMDUvMTgvdXNpbmctY2FsYy10by1maWd1cmUtb3V0LW9wdGltYWwtbGluZS1oZWlnaHQvXG4gICAgKi9cbiAgICBsaW5lLWhlaWdodDogY2FsYygycHggKyAyZXggKyAycHgpO1xufVxuXG5ib2R5IHtcbiAgICAvKiA0LiBJbXByb3ZlIHRleHQgcmVuZGVyaW5nICovXG4gICAgLXdlYmtpdC1mb250LXNtb290aGluZzogYW50aWFsaWFzZWQ7XG59XG5cbi8qIDUuIEltcHJvdmUgbWVkaWEgZGVmYXVsdHMgKi9cbmltZywgcGljdHVyZSwgdmlkZW8sIGNhbnZhcywgc3ZnIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBtYXgtd2lkdGg6IDEwMCU7XG59XG5cbi8qIDYuIEluaGVyaXQgZm9udHMgZm9yIGZvcm0gY29udHJvbHMgKi9cbmlucHV0LCBidXR0b24sIHRleHRhcmVhLCBzZWxlY3Qge1xuICAgIGZvbnQ6IGluaGVyaXQ7XG59XG5cbi8qIDcuIEF2b2lkIHRleHQgb3ZlcmZsb3dzICovXG5wIHtcbiAgICB0ZXh0LXdyYXA6IHByZXR0eTtcbiAgICBvdmVyZmxvdy13cmFwOiBicmVhay13b3JkO1xuICAgIGh5cGhlbnM6IGF1dG87XG59XG5cbi8qIDguIEltcHJvdmUgbGluZSB3cmFwcGluZyAqL1xuaDEsIGgyLCBoMywgaDQsIGg1LCBoNiB7XG4gICAgdGV4dC13cmFwOiBiYWxhbmNlO1xuICAgIG92ZXJmbG93LXdyYXA6IGJyZWFrLXdvcmQ7XG59XG5cblxuLypcbiAgOS4gQ3JlYXRlIGEgcm9vdCBzdGFja2luZyBjb250ZXh0XG5cbiAgX19PUFRJT05BTF9fXG5cbiAgc2VlIGh0dHBzOi8vd3d3Lmpvc2h3Y29tZWF1LmNvbS9jc3MvY3VzdG9tLWNzcy1yZXNldC8jbmluZS1yb290LXN0YWNraW5nLWNvbnRleHQtMTBcbiAgc2VlIGh0dHBzOi8vd3d3Lmpvc2h3Y29tZWF1LmNvbS9jc3Mvc3RhY2tpbmctY29udGV4dHMvXG4qL1xuI3Jvb3Qge1xuICAgIGlzb2xhdGlvbjogaXNvbGF0ZTtcbn1cblxuLyogc2VlIGh0dHBzOi8vZ29tYWtldGhpbmdzLmNvbS9ob3ctdG8tYW5pbWF0ZS1zY3JvbGxpbmctdG8tYW5jaG9yLWxpbmtzLXdpdGgtb25lLWxpbmUtb2YtY3NzLyNhY2Nlc3NpYmlsaXR5LWNvbmNlcm5zICovXG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAgIGh0bWwge1xuICAgICAgICBzY3JvbGwtYmVoYXZpb3I6IGF1dG87XG4gICAgfVxufVxuIl19 */

package.json

 {
   "name": "@substrate-system/css-normalize",
   "description": "Normalize/reset CSS",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "main": "dist/index.css",
@@ -11,3 +11,6 @@ "files": [
     ".": "./dist/index.css",
-    "./min": "./dist/index.min.css"
+    "./min": "./dist/index.min.css",
+    "./stack": "./dist/stack.css",
+    "./stack/min": "./dist/stack.min.css",
+    "./*.css": "./dist/*.css"
   },
@@ -17,4 +20,4 @@ "scripts": {
     "toc": "markdown-toc --maxdepth 3 -i README.md",
-    "build": "mkdir -p dist && rm -rf ./dist/* && cp ./src/index.css dist && npm run build:min",
-    "build:min": "postcss src/index.css --use cssnano postcss-nesting > dist/index.min.css",
+    "build": "mkdir -p dist && rm -rf ./dist/* && cp ./src/*.css dist && npm run build:min",
+    "build:min": "postcss src/*.css --use cssnano postcss-nesting --dir dist --ext .min.css",
     "preversion": "npm run lint && npm run build && npm run build:min",
@@ -21,0 +24,0 @@ "version": "npm run toc && auto-changelog -p --template keepachangelog --breaking-pattern 'BREAKING CHANGE:' && git add CHANGELOG.md README.md",

README.md

@@ -35,2 +35,3 @@ # CSS normalize
 * [scrolling with reduced motion media query](https://gomakethings.com/how-to-animate-scrolling-to-anchor-links-with-one-line-of-css/#accessibility-concerns)
+* [Andy Bell's favorite 3 lines](https://piccalil.li/blog/my-favourite-3-lines-of-css/)
 
@@ -42,4 +43,6 @@
 
-- [install](#install)
+- [Install](#install)
 - [Use](#use)
+  * [Reset](#reset)
+  * [Stack](#stack)
   * [bundler](#bundler)
@@ -53,3 +56,3 @@ * [pre-bundled](#pre-bundled)
 
-## install
+## Install
 
@@ -62,7 +65,23 @@ ```sh
 
+### [Reset](https://www.joshwcomeau.com/css/custom-css-reset/)
+
+```js
+import '@substrate-system/css-normalize'
+```
+
+### [Stack](https://piccalil.li/blog/my-favourite-3-lines-of-css/)
+
+```js
+import '@substrate-system/css-normalize/stack'
+```
+
+Further reading: [every-layout.dev/layouts/stack](https://every-layout.dev/layouts/stack/).
+
 ### bundler
-If you are a bundling your CSS, e.g. with [vite](https://vite.dev/), just import from this module in your javascript:
+If you are a bundling your CSS, e.g. with [vite](https://vite.dev/), just import
+from this module in your javascript:
 
 ```js
 import '@susbtrate-system/css-normalize'
+import '@substrate-system/css-normalize/stack'
 ```
@@ -78,3 +97,4 @@
 
-1. Copy the CSS so it is accessible to your web server. The minified file is at `dist/index.min.css`.
+1. Copy the CSS so it is accessible to your web server. The minified file
+   is at `dist/index.min.css`.
 
@@ -81,0 +101,0 @@ ```sh

No alert changes

Improved metrics

Total package byte prevSize

16168

7.82%

Number of package files

7

40%

Lines of code

69

11.29%

Number of lines in readme file

115

21.05%

No dependency changes