mirror of
https://github.com/facebook/react.git
synced 2026-02-27 03:07:57 +00:00
53ac219378
I tried to check out for the CSS bundle using the [eslint-plugin-css-modules](https://www.npmjs.com/package/eslint-plugin-css-modules), and ran it locally , seems like There are lot of unused styles and classes present . I have attached the output below after running the lint command. https://gist.github.com/Biki-das/647ceb7383b43cca9c8619e1dc33fe0d All the shared.css files should not be touched i feel as they are being used randomly by some file Thoughts @hoxyq
88 lines
1.4 KiB
CSS
88 lines
1.4 KiB
CSS
.Tooltip {
|
|
position: fixed;
|
|
}
|
|
|
|
.TooltipSection,
|
|
.TooltipWarningSection,
|
|
.SingleLineTextSection {
|
|
display: block;
|
|
border-radius: 0.125rem;
|
|
padding: 0.25rem;
|
|
user-select: none;
|
|
pointer-events: none;
|
|
background-color: var(--color-tooltip-background);
|
|
box-shadow: 1px 1px 2px var(--color-shadow);
|
|
color: var(--color-tooltip-text);
|
|
font-size: 11px;
|
|
}
|
|
.TooltipWarningSection {
|
|
margin-top: 0.25rem;
|
|
background-color: var(--color-warning-background);
|
|
}
|
|
.TooltipSection,
|
|
.TooltipWarningSection {
|
|
max-width: 300px;
|
|
}
|
|
.SingleLineTextSection {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.Divider {
|
|
height: 1px;
|
|
background-color: #aaa;
|
|
margin: 0.25rem 0;
|
|
}
|
|
|
|
.DetailsGrid {
|
|
display: grid;
|
|
padding-top: 5px;
|
|
grid-gap: 2px 5px;
|
|
grid-template-columns: min-content auto;
|
|
}
|
|
|
|
.DetailsGridLabel {
|
|
color: var(--color-dim);
|
|
text-align: right;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.DetailsGridLongValue {
|
|
word-break: break-all;
|
|
max-height: 50vh;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.FlamechartStackFrameName {
|
|
word-break: break-word;
|
|
}
|
|
|
|
.ComponentName {
|
|
font-weight: bold;
|
|
word-break: break-word;
|
|
margin-right: 0.25rem;
|
|
}
|
|
|
|
.ReactMeasureLabel {
|
|
}
|
|
|
|
.UserTimingLabel {
|
|
word-break: break-word;
|
|
}
|
|
|
|
.NativeEventName {
|
|
font-weight: bold;
|
|
word-break: break-word;
|
|
margin-right: 0.25rem;
|
|
}
|
|
|
|
.WarningText {
|
|
color: var(--color-warning-text-color);
|
|
}
|
|
|
|
.Image {
|
|
border: 1px solid var(--color-border);
|
|
}
|
|
|
|
.DimText {
|
|
color: var(--color-dim);
|
|
} |