dequelabs / dequelabs/cauldron
[Styles] Add Cauldron prefix to all Cauldron classes and avoid native selectors
- Dominant language
- TypeScript
- Stars
- 127
- Forks
- 31
- Avg merge
- 2d 12h
- Merged PRs (30d)
- 8
Description
# Major Breaking Change
An example of how this would work would be something like the table classes:
```css
.Table,
.TableCell,
.TableHeader
```
Becoming something like this:
```css
.Cauldron_Table,
.Cauldron_TableCell,
.Cauldron_TableHeader
```
This change would prevent situations where Cauldron contests with other CSS styles in a project that might also use classes in that same format.
In the same vein, I don't think we should be styling native HTML selectors such as `input`, `select`, or `textarea` found in the `forms.css` file. Those would likely cause conflicts with other stylesheets and potentially unwanted changes from the base component. This can be easily avoidable by only targeting Cauldron-generated classes.
Contributor guide
Assessment
This issue has not been assessed yet.