dequelabs / dequelabs/cauldron

[Styles] Add Cauldron prefix to all Cauldron classes and avoid native selectors

Open
#635 0 comments 0 reactions 0 assignees View on GitHub
rfc
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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.