diff --git a/.prettierignore b/.prettierignore new file mode 100644 index 0000000..1521c8b --- /dev/null +++ b/.prettierignore @@ -0,0 +1 @@ +dist diff --git a/.prettierrc b/.prettierrc new file mode 100644 index 0000000..b9ffec3 --- /dev/null +++ b/.prettierrc @@ -0,0 +1,8 @@ +{ + "bracketSpacing": true, + "bracketSameLine": true, + "printWidth": 75, + "proseWrap": "always", + "endOfLine": "lf", + "useTabs": true +} diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index cff7b90..b7b8445 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -1,27 +1,30 @@ # Contributing -When contributing to this repository, please first discuss the change you wish to make via issue, -email, or any other method with the owners of this repository before making a change. +When contributing to this repository, please first discuss the change you +wish to make via issue, email, or any other method with the owners of this +repository before making a change. -Please note we have a code of conduct, please follow it in all your interactions with the project. +Please note we have a code of conduct, please follow it in all your +interactions with the project. ## Pull Request Process -1. Ensure any install or build dependencies are removed before the end of the layer when doing a - build. +1. Ensure any install or build dependencies are removed before the end of + the layer when doing a build. 2. Ensure your work is thoroughly tested, to the best of your abilities -3. You may merge the Pull Request in once you have the sign-off from a maintainer +3. You may merge the Pull Request in once you have the sign-off from a + maintainer ## Code of Conduct ### Our Pledge In the interest of fostering an open and welcoming environment, we as -contributors and maintainers pledge to making participation in our project and -our community a harassment-free experience for everyone, regardless of age, body -size, disability, ethnicity, gender identity and expression, level of experience, -nationality, personal appearance, race, religion, or sexual identity and -orientation. +contributors and maintainers pledge to making participation in our project +and our community a harassment-free experience for everyone, regardless of +age, body size, disability, ethnicity, gender identity and expression, +level of experience, nationality, personal appearance, race, religion, or +sexual identity and orientation. ### Our Standards @@ -36,9 +39,10 @@ include: Examples of unacceptable behavior by participants include: -- The use of sexualized language or imagery and unwelcome sexual attention or - advances -- Trolling, insulting/derogatory comments, and personal or political attacks +- The use of sexualized language or imagery and unwelcome sexual attention + or advances +- Trolling, insulting/derogatory comments, and personal or political + attacks - Public or private harassment - Publishing others' private information, such as a physical or electronic address, without explicit permission @@ -47,44 +51,45 @@ Examples of unacceptable behavior by participants include: ### Our Responsibilities -Project maintainers are responsible for clarifying the standards of acceptable -behavior and are expected to take appropriate and fair corrective action in -response to any instances of unacceptable behavior. +Project maintainers are responsible for clarifying the standards of +acceptable behavior and are expected to take appropriate and fair +corrective action in response to any instances of unacceptable behavior. Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or -permanently any contributor for other behaviors that they deem inappropriate, -threatening, offensive, or harmful. +permanently any contributor for other behaviors that they deem +inappropriate, threatening, offensive, or harmful. ### Scope -This Code of Conduct applies both within project spaces and in public spaces -when an individual is representing the project or its community. Examples of -representing a project or community include using an official project e-mail -address, posting via an official social media account, or acting as an appointed -representative at an online or offline event. Representation of a project may be -further defined and clarified by project maintainers. +This Code of Conduct applies both within project spaces and in public +spaces when an individual is representing the project or its community. +Examples of representing a project or community include using an official +project e-mail address, posting via an official social media account, or +acting as an appointed representative at an online or offline event. +Representation of a project may be further defined and clarified by project +maintainers. ### Enforcement Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team at me@andy-bell.design. All -complaints will be reviewed and investigated and will result in a response that -is deemed necessary and appropriate to the circumstances. The project team is -obligated to maintain confidentiality with regard to the reporter of an incident. -Further details of specific enforcement policies may be posted separately. +complaints will be reviewed and investigated and will result in a response +that is deemed necessary and appropriate to the circumstances. The project +team is obligated to maintain confidentiality with regard to the reporter +of an incident. Further details of specific enforcement policies may be +posted separately. -Project maintainers who do not follow or enforce the Code of Conduct in good -faith may face temporary or permanent repercussions as determined by other -members of the project's leadership. +Project maintainers who do not follow or enforce the Code of Conduct in +good faith may face temporary or permanent repercussions as determined by +other members of the project's leadership. ### Attribution -This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, -available at [http://contributor-covenant.org/version/1/4][version] +This Code of Conduct is adapted from the [Contributor Covenant][homepage], +version 1.4, available at +[http://contributor-covenant.org/version/1/4][version] [homepage]: http://contributor-covenant.org [version]: http://contributor-covenant.org/version/1/4/ - - diff --git a/LICENSE b/LICENSE index 81f0454..b274ff4 100644 --- a/LICENSE +++ b/LICENSE @@ -2,20 +2,20 @@ MIT License Copyright (c) 2019 Andy Bell and other contributors -Permission is hereby granted, free of charge, to any person obtaining a copy -of this software and associated documentation files (the "Software"), to deal -in the Software without restriction, including without limitation the rights -to use, copy, modify, merge, publish, distribute, sublicense, and/or sell -copies of the Software, and to permit persons to whom the Software is -furnished to do so, subject to the following conditions: +Permission is hereby granted, free of charge, to any person obtaining a +copy of this software and associated documentation files (the "Software"), +to deal in the Software without restriction, including without limitation +the rights to use, copy, modify, merge, publish, distribute, sublicense, +and/or sell copies of the Software, and to permit persons to whom the +Software is furnished to do so, subject to the following conditions: -The above copyright notice and this permission notice shall be included in all -copies or substantial portions of the Software. +The above copyright notice and this permission notice shall be included in +all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER -LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, -OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE -SOFTWARE. +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING +FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER +DEALINGS IN THE SOFTWARE. diff --git a/README.md b/README.md index 9d5a45b..2f6ed8e 100644 --- a/README.md +++ b/README.md @@ -1,39 +1,10 @@ -# A modern CSS reset +# A modern CSS reset [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT) -![The Uncompressed size of this reset](https://img.badgesize.io/https://unpkg.com/modern-css-reset?label=Uncompressed%20Size) -![The GZIP size of this reset](https://img.badgesize.io/https://unpkg.com/modern-css-reset?compression=gzip&label=GZIP%20Size) -![The Brotli size of this reset](https://img.badgesize.io/https://unpkg.com/modern-css-reset?compression=brotli&label=Brotli%20Size) -[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT) +A tiny little reset that you can use as the basis of your CSS projects. You +can read a +[breakdown of it here](https://piccalil.li/blog/a-modern-css-reset/). -A tiny little reset that you can use as the basis of your CSS projects. You can read a [breakdown of it here](https://hankchizljaw.com/wrote/a-modern-css-reset/). - -## Installation - -NPM: - -```console -npm install --save-dev modern-css-reset -``` - -Yarn: - -```console -yarn add modern-css-reset -``` - -Unpkg CDN: - -```html - -``` - -jsDelivr CDN: - -```html - -``` - -### Manual installation +## Manual installation First, let's clone this repository: diff --git a/dist/reset.css b/dist/reset.css index f3d489c..eabf56f 100644 --- a/dist/reset.css +++ b/dist/reset.css @@ -2,7 +2,7 @@ *, *::before, *::after { - box-sizing: border-box; + box-sizing: border-box; } /* Remove default margin */ @@ -16,58 +16,67 @@ figure, blockquote, dl, dd { - margin: 0; + margin: 0; } /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */ ul[role="list"], ol[role="list"] { - list-style: none; + list-style: none; } /* Set core root defaults */ html:focus-within { - scroll-behavior: smooth; + scroll-behavior: smooth; } /* Set core body defaults */ body { - min-height: 100vh; - text-rendering: optimizeSpeed; - line-height: 1.5; + min-height: 100%; } /* A elements that don't have a class get default styles */ a:not([class]) { - text-decoration-skip-ink: auto; + text-decoration-skip-ink: auto; } /* Make images easier to work with */ img, picture { - max-width: 100%; - display: block; + max-width: 100%; + display: block; } /* Inherit fonts for inputs and buttons */ input, button, textarea, -select { - font: inherit; +select, +address { + font: inherit; + letter-spacing: inherit; + word-spacing: inherit; +} + +/* Make sure that button look the same across browser engines */ +button, +[type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; } /* Remove all animations and transitions for people that prefer not to see them */ @media (prefers-reduced-motion: reduce) { - html:focus-within { - scroll-behavior: auto; - } - *, - *::before, - *::after { - animation-duration: 0.01ms !important; - animation-iteration-count: 1 !important; - transition-duration: 0.01ms !important; - scroll-behavior: auto !important; - } + html:focus-within { + scroll-behavior: auto; + } + *, + *::before, + *::after { + animation-duration: 0.01ms !important; + animation-iteration-count: 1 !important; + transition-duration: 0.01ms !important; + scroll-behavior: auto !important; + } } diff --git a/dist/reset.min.css b/dist/reset.min.css index de3be44..5e8b261 100644 --- a/dist/reset.min.css +++ b/dist/reset.min.css @@ -1 +1 @@ -*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role="list"],ol[role="list"]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}} +*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100%}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select,address{font:inherit;letter-spacing:inherit;word-spacing:inherit}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}} \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index 89ccd2e..8f9deaf 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,14 +1,303 @@ { - "name": "modern-css-reset", - "version": "1.4.0", - "lockfileVersion": 1, - "requires": true, - "dependencies": { - "uglifycss": { - "version": "0.0.29", - "resolved": "https://registry.npmjs.org/uglifycss/-/uglifycss-0.0.29.tgz", - "integrity": "sha512-J2SQ2QLjiknNGbNdScaNZsXgmMGI0kYNrXaDlr4obnPW9ni1jljb1NeEVWAiTgZ8z+EBWP2ozfT9vpy03rjlMQ==", - "dev": true - } - } + "name": "modern-css-reset", + "version": "1.4.0", + "lockfileVersion": 2, + "requires": true, + "packages": { + "": { + "name": "modern-css-reset", + "version": "1.4.0", + "license": "MIT", + "dependencies": { + "lightningcss-cli": "^1.15.1" + }, + "devDependencies": { + "prettier": "2.7.1" + } + }, + "node_modules/detect-libc": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz", + "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==", + "bin": { + "detect-libc": "bin/detect-libc.js" + }, + "engines": { + "node": ">=0.10" + } + }, + "node_modules/lightningcss-cli": { + "version": "1.15.1", + "resolved": "https://registry.npmjs.org/lightningcss-cli/-/lightningcss-cli-1.15.1.tgz", + "integrity": "sha512-rSHBcgO1IJz7aANmCw3wgiTPRvzUUNFF9w0UuUill2gD1tfVHJn9uDH0aokmflX+vBFApH+os0nqHt5w2R1tBA==", + "hasInstallScript": true, + "dependencies": { + "detect-libc": "^1.0.3" + }, + "bin": { + "lightningcss": "lightningcss" + }, + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + }, + "optionalDependencies": { + "lightningcss-cli-darwin-arm64": "1.15.1", + "lightningcss-cli-darwin-x64": "1.15.1", + "lightningcss-cli-linux-arm-gnueabihf": "1.15.1", + "lightningcss-cli-linux-arm64-gnu": "1.15.1", + "lightningcss-cli-linux-arm64-musl": "1.15.1", + "lightningcss-cli-linux-x64-gnu": "1.15.1", + "lightningcss-cli-linux-x64-musl": "1.15.1", + "lightningcss-cli-win32-x64-msvc": "1.15.1" + } + }, + "node_modules/lightningcss-cli-darwin-arm64": { + "version": "1.15.1", + "resolved": "https://registry.npmjs.org/lightningcss-cli-darwin-arm64/-/lightningcss-cli-darwin-arm64-1.15.1.tgz", + "integrity": "sha512-HCxMpD9P2cgSej1uJeLslTibeIxgwMUblS/i5VnfMprKJQ7SbtaWg/CjOkWfS3Q6X0jz4MY4zj1Xiv2RngyHnA==", + "cpu": [ + "arm64" + ], + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-cli-darwin-x64": { + "version": "1.15.1", + "resolved": "https://registry.npmjs.org/lightningcss-cli-darwin-x64/-/lightningcss-cli-darwin-x64-1.15.1.tgz", + "integrity": "sha512-8kbmq1F7X8TfMhT5MyqObEfOcAfggeqAXUIB6UEjM0ZPWlAR9G+2+CzJPKb46DjvSCBCCJnevKaXUI1i55CAjg==", + "cpu": [ + "x64" + ], + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-cli-linux-arm-gnueabihf": { + "version": "1.15.1", + "resolved": "https://registry.npmjs.org/lightningcss-cli-linux-arm-gnueabihf/-/lightningcss-cli-linux-arm-gnueabihf-1.15.1.tgz", + "integrity": "sha512-F3W1oia0PQGuq1WjmCeKDWKlC2oaQxphex6UKTeeA/qIEL4JKiFzL2XWOSg9qV2E0Pys9s2PBLaci3qxRKZbcw==", + "cpu": [ + "arm" + ], + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-cli-linux-arm64-gnu": { + "version": "1.15.1", + "resolved": "https://registry.npmjs.org/lightningcss-cli-linux-arm64-gnu/-/lightningcss-cli-linux-arm64-gnu-1.15.1.tgz", + "integrity": "sha512-b8hKxfzeJnm1Zap8QWByHAK5FbkxSab9KJaWPXZ42/x+pg3VwE4R8g95BPOQdRy+8Z/RFMTH2XZisbtg/bSRVA==", + "cpu": [ + "arm64" + ], + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-cli-linux-arm64-musl": { + "version": "1.15.1", + "resolved": "https://registry.npmjs.org/lightningcss-cli-linux-arm64-musl/-/lightningcss-cli-linux-arm64-musl-1.15.1.tgz", + "integrity": "sha512-ATAFEviCEHMfXw5Kf25ywuyBKu9OiCTLHzeavWWHmjtr/Lp4ql9hVyOBZobJP8u/jVaE8JYHW/6mXricrlzmYg==", + "cpu": [ + "arm64" + ], + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-cli-linux-x64-gnu": { + "version": "1.15.1", + "resolved": "https://registry.npmjs.org/lightningcss-cli-linux-x64-gnu/-/lightningcss-cli-linux-x64-gnu-1.15.1.tgz", + "integrity": "sha512-oSmCqup10VF2rfu8SZ3SZvmHhfB0IsURBKmgIoPeRfbLWCgVSv2Qm9HPExXExnLSl+z8w1ZYxNKh9lGHaRMzgg==", + "cpu": [ + "x64" + ], + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-cli-linux-x64-musl": { + "version": "1.15.1", + "resolved": "https://registry.npmjs.org/lightningcss-cli-linux-x64-musl/-/lightningcss-cli-linux-x64-musl-1.15.1.tgz", + "integrity": "sha512-4bfIPf6hJi0NNdBB65CO7HQcN/u1XNCwzT6W4x2xZa0EzfpBWuDb7tf7F0OpA4evolUbDnTJU4lLn2k6by+FxA==", + "cpu": [ + "x64" + ], + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-cli-win32-x64-msvc": { + "version": "1.15.1", + "resolved": "https://registry.npmjs.org/lightningcss-cli-win32-x64-msvc/-/lightningcss-cli-win32-x64-msvc-1.15.1.tgz", + "integrity": "sha512-ljwJl8EaIY3+nB5l261+BAnkRIXL4fMOjR/J9uwcVetGX9voxGZGLRig16F8IOn6kMA9t+hcXHGF7HyQFJrrUA==", + "cpu": [ + "x64" + ], + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/prettier": { + "version": "2.7.1", + "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.7.1.tgz", + "integrity": "sha512-ujppO+MkdPqoVINuDFDRLClm7D78qbDt0/NR+wp5FqEZOoTNAjPHWj17QRhu7geIHJfcNhRk1XVQmF8Bp3ye+g==", + "dev": true, + "bin": { + "prettier": "bin-prettier.js" + }, + "engines": { + "node": ">=10.13.0" + }, + "funding": { + "url": "https://github.com/prettier/prettier?sponsor=1" + } + } + }, + "dependencies": { + "detect-libc": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz", + "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==" + }, + "lightningcss-cli": { + "version": "1.15.1", + "resolved": "https://registry.npmjs.org/lightningcss-cli/-/lightningcss-cli-1.15.1.tgz", + "integrity": "sha512-rSHBcgO1IJz7aANmCw3wgiTPRvzUUNFF9w0UuUill2gD1tfVHJn9uDH0aokmflX+vBFApH+os0nqHt5w2R1tBA==", + "requires": { + "detect-libc": "^1.0.3", + "lightningcss-cli-darwin-arm64": "1.15.1", + "lightningcss-cli-darwin-x64": "1.15.1", + "lightningcss-cli-linux-arm-gnueabihf": "1.15.1", + "lightningcss-cli-linux-arm64-gnu": "1.15.1", + "lightningcss-cli-linux-arm64-musl": "1.15.1", + "lightningcss-cli-linux-x64-gnu": "1.15.1", + "lightningcss-cli-linux-x64-musl": "1.15.1", + "lightningcss-cli-win32-x64-msvc": "1.15.1" + } + }, + "lightningcss-cli-darwin-arm64": { + "version": "1.15.1", + "resolved": "https://registry.npmjs.org/lightningcss-cli-darwin-arm64/-/lightningcss-cli-darwin-arm64-1.15.1.tgz", + "integrity": "sha512-HCxMpD9P2cgSej1uJeLslTibeIxgwMUblS/i5VnfMprKJQ7SbtaWg/CjOkWfS3Q6X0jz4MY4zj1Xiv2RngyHnA==", + "optional": true + }, + "lightningcss-cli-darwin-x64": { + "version": "1.15.1", + "resolved": "https://registry.npmjs.org/lightningcss-cli-darwin-x64/-/lightningcss-cli-darwin-x64-1.15.1.tgz", + "integrity": "sha512-8kbmq1F7X8TfMhT5MyqObEfOcAfggeqAXUIB6UEjM0ZPWlAR9G+2+CzJPKb46DjvSCBCCJnevKaXUI1i55CAjg==", + "optional": true + }, + "lightningcss-cli-linux-arm-gnueabihf": { + "version": "1.15.1", + "resolved": "https://registry.npmjs.org/lightningcss-cli-linux-arm-gnueabihf/-/lightningcss-cli-linux-arm-gnueabihf-1.15.1.tgz", + "integrity": "sha512-F3W1oia0PQGuq1WjmCeKDWKlC2oaQxphex6UKTeeA/qIEL4JKiFzL2XWOSg9qV2E0Pys9s2PBLaci3qxRKZbcw==", + "optional": true + }, + "lightningcss-cli-linux-arm64-gnu": { + "version": "1.15.1", + "resolved": "https://registry.npmjs.org/lightningcss-cli-linux-arm64-gnu/-/lightningcss-cli-linux-arm64-gnu-1.15.1.tgz", + "integrity": "sha512-b8hKxfzeJnm1Zap8QWByHAK5FbkxSab9KJaWPXZ42/x+pg3VwE4R8g95BPOQdRy+8Z/RFMTH2XZisbtg/bSRVA==", + "optional": true + }, + "lightningcss-cli-linux-arm64-musl": { + "version": "1.15.1", + "resolved": "https://registry.npmjs.org/lightningcss-cli-linux-arm64-musl/-/lightningcss-cli-linux-arm64-musl-1.15.1.tgz", + "integrity": "sha512-ATAFEviCEHMfXw5Kf25ywuyBKu9OiCTLHzeavWWHmjtr/Lp4ql9hVyOBZobJP8u/jVaE8JYHW/6mXricrlzmYg==", + "optional": true + }, + "lightningcss-cli-linux-x64-gnu": { + "version": "1.15.1", + "resolved": "https://registry.npmjs.org/lightningcss-cli-linux-x64-gnu/-/lightningcss-cli-linux-x64-gnu-1.15.1.tgz", + "integrity": "sha512-oSmCqup10VF2rfu8SZ3SZvmHhfB0IsURBKmgIoPeRfbLWCgVSv2Qm9HPExXExnLSl+z8w1ZYxNKh9lGHaRMzgg==", + "optional": true + }, + "lightningcss-cli-linux-x64-musl": { + "version": "1.15.1", + "resolved": "https://registry.npmjs.org/lightningcss-cli-linux-x64-musl/-/lightningcss-cli-linux-x64-musl-1.15.1.tgz", + "integrity": "sha512-4bfIPf6hJi0NNdBB65CO7HQcN/u1XNCwzT6W4x2xZa0EzfpBWuDb7tf7F0OpA4evolUbDnTJU4lLn2k6by+FxA==", + "optional": true + }, + "lightningcss-cli-win32-x64-msvc": { + "version": "1.15.1", + "resolved": "https://registry.npmjs.org/lightningcss-cli-win32-x64-msvc/-/lightningcss-cli-win32-x64-msvc-1.15.1.tgz", + "integrity": "sha512-ljwJl8EaIY3+nB5l261+BAnkRIXL4fMOjR/J9uwcVetGX9voxGZGLRig16F8IOn6kMA9t+hcXHGF7HyQFJrrUA==", + "optional": true + }, + "prettier": { + "version": "2.7.1", + "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.7.1.tgz", + "integrity": "sha512-ujppO+MkdPqoVINuDFDRLClm7D78qbDt0/NR+wp5FqEZOoTNAjPHWj17QRhu7geIHJfcNhRk1XVQmF8Bp3ye+g==", + "dev": true + } + } } diff --git a/package.json b/package.json index cdfb2e6..6cfbcc1 100644 --- a/package.json +++ b/package.json @@ -1,26 +1,25 @@ { - "name": "modern-css-reset", - "version": "1.4.0", - "description": "A bare-bones CSS reset for modern web development", - "main": "./dist/reset.min.css", - "scripts": { - "build": "uglifycss src/reset.css > dist/reset.min.css && cp src/reset.css dist/reset.css" - }, - "repository": { - "type": "git", - "url": "git+https://github.com/hankchizljaw/modern-css-reset.git" - }, - "keywords": [ - "css reset", - "modern css reset" - ], - "author": "Andy Bell (https://hankchizljaw.com)", - "license": "MIT", - "bugs": { - "url": "https://github.com/hankchizljaw/modern-css-reset/issues" - }, - "homepage": "https://github.com/hankchizljaw/modern-css-reset#readme", - "devDependencies": { - "uglifycss": "0.0.29" - } + "name": "modern-css-reset", + "version": "1.4.0", + "description": "A personal fork of Andy Bell's CSS reset", + "private": true, + "scripts": { + "build": "lightningcss -m src/reset.css -o dist/reset.min.css && cp src/reset.css dist/reset.css" + }, + "repository": { + "type": "git", + "url": "git+https://github.com/andyt96/modern-css-reset.git" + }, + "author": "Andy", + "license": "MIT", + "bugs": { + "url": "https://github.com/andyt96/modern-css-reset/issues" + }, + "homepage": "https://github.com/andyt96/modern-css-reset#readme", + "dependencies": { + "lightningcss-cli": "^1.15.1" + }, + "devDependencies": { + "prettier": "2.7.1" + } } diff --git a/src/reset.css b/src/reset.css index f3d489c..eabf56f 100644 --- a/src/reset.css +++ b/src/reset.css @@ -2,7 +2,7 @@ *, *::before, *::after { - box-sizing: border-box; + box-sizing: border-box; } /* Remove default margin */ @@ -16,58 +16,67 @@ figure, blockquote, dl, dd { - margin: 0; + margin: 0; } /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */ ul[role="list"], ol[role="list"] { - list-style: none; + list-style: none; } /* Set core root defaults */ html:focus-within { - scroll-behavior: smooth; + scroll-behavior: smooth; } /* Set core body defaults */ body { - min-height: 100vh; - text-rendering: optimizeSpeed; - line-height: 1.5; + min-height: 100%; } /* A elements that don't have a class get default styles */ a:not([class]) { - text-decoration-skip-ink: auto; + text-decoration-skip-ink: auto; } /* Make images easier to work with */ img, picture { - max-width: 100%; - display: block; + max-width: 100%; + display: block; } /* Inherit fonts for inputs and buttons */ input, button, textarea, -select { - font: inherit; +select, +address { + font: inherit; + letter-spacing: inherit; + word-spacing: inherit; +} + +/* Make sure that button look the same across browser engines */ +button, +[type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; } /* Remove all animations and transitions for people that prefer not to see them */ @media (prefers-reduced-motion: reduce) { - html:focus-within { - scroll-behavior: auto; - } - *, - *::before, - *::after { - animation-duration: 0.01ms !important; - animation-iteration-count: 1 !important; - transition-duration: 0.01ms !important; - scroll-behavior: auto !important; - } + html:focus-within { + scroll-behavior: auto; + } + *, + *::before, + *::after { + animation-duration: 0.01ms !important; + animation-iteration-count: 1 !important; + transition-duration: 0.01ms !important; + scroll-behavior: auto !important; + } }