├── .changeset
├── README.md
└── config.json
├── .editorconfig
├── .github
├── FUNDING.yml
└── workflows
│ └── ci-cd.yaml
├── .gitignore
├── .npmrc
├── .nvmrc
├── .prettierignore
├── .tshy
├── build.json
├── commonjs.json
└── esm.json
├── .vscode
├── extensions.json
└── settings.json
├── CHANGELOG.md
├── CODE_OF_CONDUCT.md
├── CONTRIBUTING.md
├── LICENSE
├── README.md
├── assets
└── logo.svg
├── base.css
├── package.json
├── pnpm-lock.yaml
├── reset-scoped.css
├── reset.css
├── src
└── reset-scoped
│ ├── index.ts
│ └── react
│ ├── index.ts
│ ├── jsx-dev-runtime.ts
│ ├── jsx-runtime.ts
│ └── transformProps.ts
├── test-pages
└── reset.html
├── tsconfig.json
└── ua-sheets
├── SOURCES.md
├── chrome.css
├── firefox.css
└── safari.css
/.changeset/README.md:
--------------------------------------------------------------------------------
1 | # Changesets
2 |
3 | Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
4 | with multi-package repos, or single-package repos to help you version and publish your code. You can
5 | find the full documentation for it [in our repository](https://github.com/changesets/changesets)
6 |
7 | We have a quick list of common questions to get you started engaging with this project in
8 | [our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)
9 |
--------------------------------------------------------------------------------
/.changeset/config.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "https://unpkg.com/@changesets/config@3.0.3/schema.json",
3 | "changelog": [
4 | "@changesets/changelog-github",
5 | { "repo": "kripod/css-homogenizer" }
6 | ],
7 | "access": "public",
8 | "baseBranch": "main"
9 | }
10 |
--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
1 | root = true
2 |
3 | [*]
4 | indent_style = space
5 | indent_size = 2
6 | end_of_line = lf
7 | charset = utf-8
8 | trim_trailing_whitespace = true
9 | insert_final_newline = true
10 |
--------------------------------------------------------------------------------
/.github/FUNDING.yml:
--------------------------------------------------------------------------------
1 | github: kripod
2 |
--------------------------------------------------------------------------------
/.github/workflows/ci-cd.yaml:
--------------------------------------------------------------------------------
1 | name: CI/CD
2 | on:
3 | push:
4 | branches:
5 | - main
6 | pull_request:
7 |
8 | concurrency:
9 | group: ${{ github.workflow }}-${{ github.ref }}
10 | cancel-in-progress: ${{ github.ref != 'refs/heads/main' }}
11 |
12 | jobs:
13 | build-lint-test-release:
14 | runs-on: ubuntu-latest
15 | permissions:
16 | contents: write
17 | id-token: write
18 | pull-requests: write
19 | steps:
20 | - uses: actions/checkout@v4
21 | - uses: pnpm/action-setup@v4
22 | - uses: actions/setup-node@v4
23 | with:
24 | node-version-file: .nvmrc
25 | cache: pnpm
26 | - run: pnpm install
27 | - run: pnpm run lint
28 | - run: pnpm run --if-present test
29 | - name: Create Release Pull Request or Publish to npm
30 | if: ${{ github.ref == 'refs/heads/main' }}
31 | uses: changesets/action@v1
32 | with:
33 | publish: pnpm exec changeset publish
34 | commit: "chore: release"
35 | title: "chore: release"
36 | env:
37 | GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
38 | NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
39 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules/
2 | dist/
3 | .tshy-build/
4 | *.log*
5 | .DS_Store
6 |
--------------------------------------------------------------------------------
/.npmrc:
--------------------------------------------------------------------------------
1 | provenance=true
2 | strict-peer-dependencies=true
3 |
--------------------------------------------------------------------------------
/.nvmrc:
--------------------------------------------------------------------------------
1 | 22
2 |
--------------------------------------------------------------------------------
/.prettierignore:
--------------------------------------------------------------------------------
1 | pnpm-lock.yaml
2 | ua-sheets/*.css
3 | dist/
4 | .tshy/
5 | .tshy-build/
6 |
--------------------------------------------------------------------------------
/.tshy/build.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../tsconfig.json",
3 | "compilerOptions": {
4 | "rootDir": "../src",
5 | "module": "nodenext",
6 | "moduleResolution": "nodenext"
7 | }
8 | }
9 |
--------------------------------------------------------------------------------
/.tshy/commonjs.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "./build.json",
3 | "include": [
4 | "../src/**/*.ts",
5 | "../src/**/*.cts",
6 | "../src/**/*.tsx",
7 | "../src/**/*.json"
8 | ],
9 | "exclude": [
10 | "../src/**/*.mts",
11 | "../src/package.json"
12 | ],
13 | "compilerOptions": {
14 | "outDir": "../.tshy-build/commonjs"
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/.tshy/esm.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "./build.json",
3 | "include": [
4 | "../src/**/*.ts",
5 | "../src/**/*.mts",
6 | "../src/**/*.tsx",
7 | "../src/**/*.json"
8 | ],
9 | "exclude": [
10 | "../src/package.json"
11 | ],
12 | "compilerOptions": {
13 | "outDir": "../.tshy-build/esm"
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
/.vscode/extensions.json:
--------------------------------------------------------------------------------
1 | {
2 | "recommendations": [
3 | "EditorConfig.EditorConfig",
4 | "esbenp.prettier-vscode",
5 | "GitHub.vscode-github-actions"
6 | ]
7 | }
8 |
--------------------------------------------------------------------------------
/.vscode/settings.json:
--------------------------------------------------------------------------------
1 | {
2 | "editor.defaultFormatter": "esbenp.prettier-vscode",
3 | "editor.formatOnSave": true
4 | }
5 |
--------------------------------------------------------------------------------
/CHANGELOG.md:
--------------------------------------------------------------------------------
1 | # css-homogenizer
2 |
3 | ## 4.1.3
4 |
5 | ### Patch Changes
6 |
7 | - [`9b7f94e`](https://github.com/kripod/css-homogenizer/commit/9b7f94e19c4c4377c7c97e5d95dc579802dea4ed) Thanks [@kripod](https://github.com/kripod)! - fix(base): respect `hidden="until-found"` attribute
8 |
9 | ## 4.1.2
10 |
11 | ### Patch Changes
12 |
13 | - [`5684082`](https://github.com/kripod/css-homogenizer/commit/5684082624f98fe043ce1d087cd0c7888b6e2d1c) Thanks [@kripod](https://github.com/kripod)! - docs(readme): simplify version badge
14 |
15 | ## 4.1.1
16 |
17 | ### Patch Changes
18 |
19 | - [`e3fdeb5`](https://github.com/kripod/css-homogenizer/commit/e3fdeb563c7774e58c3735116869901db2327142) Thanks [@kripod](https://github.com/kripod)! - fix(reset): table `border-color` inheritance to enable `*` overrides (e.g. [Tailwind’s Preflight styles](https://unpkg.com/tailwindcss@%5E3/src/css/preflight.css) rely upon this)
20 |
21 | ## 4.1.0
22 |
23 | ### Minor Changes
24 |
25 | - [`9290a23`](https://github.com/kripod/css-homogenizer/commit/9290a23dfcf23489e9951623e1454d8260255568) Thanks [@kripod](https://github.com/kripod)! - feat(reset): table `border-color` inheritance from `color` (based upon [sindresorhus/modern-normalize#79](https://github.com/sindresorhus/modern-normalize/pull/79))
26 |
27 | ## 4.0.0
28 |
29 | ### Major Changes
30 |
31 | - [`704ca8e`](https://github.com/kripod/css-homogenizer/commit/704ca8edbdd7283160c21a3dfbfcaca704bb696c) Thanks [@kripod](https://github.com/kripod)! - refactor(reset-scoped)!: rewrite runtime, bundled using [tshy](https://github.com/isaacs/tshy)
32 |
33 | ### Patch Changes
34 |
35 | - [`b8b9116`](https://github.com/kripod/css-homogenizer/commit/b8b9116b871b150d70d357b6efa4ef31c3a9d459) Thanks [@kripod](https://github.com/kripod)! - fix(reset): disabled select opacity in Chrome
36 |
37 | - [`7da2b14`](https://github.com/kripod/css-homogenizer/commit/7da2b14c3ec9d699b72aefdbb2c3fa5a3c89fca2) Thanks [@kripod](https://github.com/kripod)! - fix(reset): select border-radius in Safari
38 |
39 | ## [3.2.1] - 2023-06-05
40 |
41 | ### Fixed
42 |
43 | - **reset-scoped:** compatibility with legacy module resolution strategies
44 |
45 | ## [3.2.0] - 2023-06-05
46 |
47 | ### Added
48 |
49 | - **reset-scoped:** ship CommonJS modules alongside ESM
50 |
51 | ### Removed
52 |
53 | - **reset:** main package entry point as an undocumented alias
54 |
55 | ## [3.1.0] - 2023-06-04
56 |
57 | ### Added
58 |
59 | - **reset-scoped:** initial release
60 |
61 | ## [3.0.2] - 2023-06-04
62 |
63 | ### Fixed
64 |
65 | - **base:** respect `hidden` attribute of embedded content elements (`img`, `iframe`, `embed`, `object`, `video`, `audio`, `svg`) and `canvas`
66 |
67 | ## [3.0.1] - 2023-06-03
68 |
69 | ### Fixed
70 |
71 | - **reset:** replace `border: 0` with `border-width: 0` for compatibility with base styles
72 |
73 | ## [3.0.0] - 2023-06-03
74 |
75 | ### Added
76 |
77 | - **base:** set `box-sizing: border-box` on `*, ::before, ::after`
78 | - **base:** set `border-style: solid` and `border-width: 0` on on `*, ::before, ::after` to allow adding a border with just a `border-width`
79 | - **base:** set `tab-size: 2` on `html` to prevent overflow in code blocks
80 | - **base:** set `-webkit-text-size-adjust: 100%` on `html` to prevent erroneous text scaling in iOS Safari
81 | - **base:** set `margin: 0` on `body`
82 | - **base:** make `embed` and `object` elements responsive
83 |
84 | ### Changed
85 |
86 | - **base:** reorder styles for better maintainability
87 |
88 | ### Removed
89 |
90 | - **base:** redundant `height: auto` on `canvas`
91 | - **base:** strict enforcement of `display: none` when a `hidden` attribute is present
92 |
93 | ## [2.1.0] - 2023-06-03
94 |
95 | ### Added
96 |
97 | - **reset:** inherit `letter-spacing` and `word-spacing` on form controls
98 |
99 | ## [2.0.1] - 2023-05-27
100 |
101 | ### Changed
102 |
103 | - **reset:** apply `::placeholder` styles only on `input` and `textarea`
104 | - **reset:** reorder styles for better maintainability
105 |
106 | ## [2.0.0] - 2023-05-11
107 |
108 | ### Added
109 |
110 | - **reset:** nullify `padding`, `border` and `background` on form controls
111 | - **reset:** inherit `font` and `color` on form controls
112 | - **reset:** inherit `color` and `text-decoration` on links
113 | - **reset:** set `opacity: 1` and `color: gray` on `::placeholder` to make Firefox styles consistent
114 |
115 | ### Fixed
116 |
117 | - **base:** `hr` border width and style
118 |
119 | ### Changed
120 |
121 | - **base:** rename `opinionated-base.css` to `base.css`
122 | - **reset:** set `line-height: 1` on `html` instead of `body`
123 |
124 | ## [1.1.0] - 2020-08-20
125 |
126 | ### Added
127 |
128 | - **base:** vertical `writing-mode` support for changing the `resize` property of `textarea` elements
129 |
130 | ## [1.0.0] - 2020-08-18
131 |
132 | ### Added
133 |
134 | - **reset:** initial release
135 | - **base:** initial release
136 |
137 | [3.2.1]: https://github.com/kripod/css-homogenizer/compare/v3.2.0...v3.2.1
138 | [3.2.0]: https://github.com/kripod/css-homogenizer/compare/v3.1.0...v3.2.0
139 | [3.1.0]: https://github.com/kripod/css-homogenizer/compare/v3.0.2...v3.1.0
140 | [3.0.2]: https://github.com/kripod/css-homogenizer/compare/v3.0.1...v3.0.2
141 | [3.0.1]: https://github.com/kripod/css-homogenizer/compare/v3.0.0...v3.0.1
142 | [3.0.0]: https://github.com/kripod/css-homogenizer/compare/v2.1.0...v3.0.0
143 | [2.1.0]: https://github.com/kripod/css-homogenizer/compare/v2.0.1...v2.1.0
144 | [2.0.1]: https://github.com/kripod/css-homogenizer/compare/v2.0.0...v2.0.1
145 | [2.0.0]: https://github.com/kripod/css-homogenizer/compare/v1.1.0...v2.0.0
146 | [1.1.0]: https://github.com/kripod/css-homogenizer/compare/v1.0.0...v1.1.0
147 | [1.0.0]: https://github.com/kripod/css-homogenizer/releases/tag/v1.0.0
148 |
--------------------------------------------------------------------------------
/CODE_OF_CONDUCT.md:
--------------------------------------------------------------------------------
1 | # Contributor Covenant Code of Conduct
2 |
3 | ## Our Pledge
4 |
5 | We as members, contributors, and leaders pledge to make participation in our
6 | community a harassment-free experience for everyone, regardless of age, body
7 | size, visible or invisible disability, ethnicity, sex characteristics, gender
8 | identity and expression, level of experience, education, socio-economic status,
9 | nationality, personal appearance, race, caste, color, religion, or sexual
10 | identity and orientation.
11 |
12 | We pledge to act and interact in ways that contribute to an open, welcoming,
13 | diverse, inclusive, and healthy community.
14 |
15 | ## Our Standards
16 |
17 | Examples of behavior that contributes to a positive environment for our
18 | community include:
19 |
20 | - Demonstrating empathy and kindness toward other people
21 | - Being respectful of differing opinions, viewpoints, and experiences
22 | - Giving and gracefully accepting constructive feedback
23 | - Accepting responsibility and apologizing to those affected by our mistakes,
24 | and learning from the experience
25 | - Focusing on what is best not just for us as individuals, but for the overall
26 | community
27 |
28 | Examples of unacceptable behavior include:
29 |
30 | - The use of sexualized language or imagery, and sexual attention or advances of
31 | any kind
32 | - Trolling, insulting or derogatory comments, and personal or political attacks
33 | - Public or private harassment
34 | - Publishing others' private information, such as a physical or email address,
35 | without their explicit permission
36 | - Other conduct which could reasonably be considered inappropriate in a
37 | professional setting
38 |
39 | ## Enforcement Responsibilities
40 |
41 | Community leaders are responsible for clarifying and enforcing our standards of
42 | acceptable behavior and will take appropriate and fair corrective action in
43 | response to any behavior that they deem inappropriate, threatening, offensive,
44 | or harmful.
45 |
46 | Community leaders have the right and responsibility to remove, edit, or reject
47 | comments, commits, code, wiki edits, issues, and other contributions that are
48 | not aligned to this Code of Conduct, and will communicate reasons for moderation
49 | decisions when appropriate.
50 |
51 | ## Scope
52 |
53 | This Code of Conduct applies within all community spaces, and also applies when
54 | an individual is officially representing the community in public spaces.
55 | Examples of representing our community include using an official email address,
56 | posting via an official social media account, or acting as an appointed
57 | representative at an online or offline event.
58 |
59 | ## Enforcement
60 |
61 | Instances of abusive, harassing, or otherwise unacceptable behavior may be
62 | reported to the community leaders responsible for enforcement at
63 | hi@kripod.dev.
64 | All complaints will be reviewed and investigated promptly and fairly.
65 |
66 | All community leaders are obligated to respect the privacy and security of the
67 | reporter of any incident.
68 |
69 | ## Enforcement Guidelines
70 |
71 | Community leaders will follow these Community Impact Guidelines in determining
72 | the consequences for any action they deem in violation of this Code of Conduct:
73 |
74 | ### 1. Correction
75 |
76 | **Community Impact**: Use of inappropriate language or other behavior deemed
77 | unprofessional or unwelcome in the community.
78 |
79 | **Consequence**: A private, written warning from community leaders, providing
80 | clarity around the nature of the violation and an explanation of why the
81 | behavior was inappropriate. A public apology may be requested.
82 |
83 | ### 2. Warning
84 |
85 | **Community Impact**: A violation through a single incident or series of
86 | actions.
87 |
88 | **Consequence**: A warning with consequences for continued behavior. No
89 | interaction with the people involved, including unsolicited interaction with
90 | those enforcing the Code of Conduct, for a specified period of time. This
91 | includes avoiding interactions in community spaces as well as external channels
92 | like social media. Violating these terms may lead to a temporary or permanent
93 | ban.
94 |
95 | ### 3. Temporary Ban
96 |
97 | **Community Impact**: A serious violation of community standards, including
98 | sustained inappropriate behavior.
99 |
100 | **Consequence**: A temporary ban from any sort of interaction or public
101 | communication with the community for a specified period of time. No public or
102 | private interaction with the people involved, including unsolicited interaction
103 | with those enforcing the Code of Conduct, is allowed during this period.
104 | Violating these terms may lead to a permanent ban.
105 |
106 | ### 4. Permanent Ban
107 |
108 | **Community Impact**: Demonstrating a pattern of violation of community
109 | standards, including sustained inappropriate behavior, harassment of an
110 | individual, or aggression toward or disparagement of classes of individuals.
111 |
112 | **Consequence**: A permanent ban from any sort of public interaction within the
113 | community.
114 |
115 | ## Attribution
116 |
117 | This Code of Conduct is adapted from the [Contributor Covenant][homepage],
118 | version 2.1, available at
119 | [https://www.contributor-covenant.org/version/2/1/code_of_conduct.html][v2.1].
120 |
121 | Community Impact Guidelines were inspired by
122 | [Mozilla's code of conduct enforcement ladder][Mozilla CoC].
123 |
124 | For answers to common questions about this code of conduct, see the FAQ at
125 | [https://www.contributor-covenant.org/faq][FAQ]. Translations are available at
126 | [https://www.contributor-covenant.org/translations][translations].
127 |
128 | [homepage]: https://www.contributor-covenant.org
129 | [v2.1]: https://www.contributor-covenant.org/version/2/1/code_of_conduct.html
130 | [Mozilla CoC]: https://github.com/mozilla/diversity
131 | [FAQ]: https://www.contributor-covenant.org/faq
132 | [translations]: https://www.contributor-covenant.org/translations
133 |
--------------------------------------------------------------------------------
/CONTRIBUTING.md:
--------------------------------------------------------------------------------
1 | # Contributing to css-homogenizer
2 |
3 | Thank you for taking the time to contribute! Guidelines below are meant to help you along the way. All contributions are welcome, including ideas, tweaks and more.
4 |
5 | ## Code of Conduct
6 |
7 | This project is governed by the [Contributor Covenant Code of Conduct](./CODE_OF_CONDUCT.md). By participating, you are expected to uphold this code.
8 |
9 | ## Proposing a change
10 |
11 | Before making a non-trivial change, please discuss through [issues].
12 |
13 | ## Development process
14 |
15 | Keep the scope of each pull request to **one** specific feature or fix.
16 |
17 | ### Prequisites
18 |
19 | - [Node.js](https://nodejs.org/) – version specified in `.nvmrc`
20 | - [pnpm](https://pnpm.io/) – available via [Corepack](https://nodejs.org/api/corepack.html)
21 |
22 | ### Workflow
23 |
24 | 0. Assign related [issues] to yourself.
25 | 1. Clone a fork of the 'main' branch and install all the required dependencies via `pnpm install`.
26 | 2. Make changes to the codebase, running `pnpm prepare` to build them.
27 | 3. Open a new pull request, [referencing corresponding issues](https://docs.github.com/en/issues/tracking-your-work-with-issues/linking-a-pull-request-to-an-issue#linking-a-pull-request-to-an-issue-using-a-keyword) if available.
28 |
29 | ## License
30 |
31 | As a collaborator, you agree to license your contributions under the project's [MIT license](./LICENSE).
32 |
33 | [issues]: https://github.com/kripod/css-homogenizer/issues
34 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | The MIT License (MIT)
2 |
3 | Copyright (c) 2020 Kristóf Poduszló
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Base CSS endorsing semantic HTML and design token usage
7 |
8 |
9 |
10 |
11 |
12 |
13 | ## Backstory
14 |
15 | Browsing through the issues of [CSS Remedy](https://github.com/jensimmons/cssremedy), I came across an important observation by Jen Simmons:
16 |
17 | > Why don’t people use `
3 | 