react Architecture Docs
Home / File/ InspectedElementSharedStyles.css — react Source File

InspectedElementSharedStyles.css — react Source File

Architecture documentation for InspectedElementSharedStyles.css, a css file in the react codebase. 0 imports, 6 dependents.

File css BabelCompiler 6 dependents

Entity Profile

Dependency Diagram

graph LR
  2337051b_9399_908a_f16c_81724ab026b7["InspectedElementSharedStyles.css"]
  0b54b2a8_1c5a_d85b_7742_10a526b0dedd["InspectedElementContextTree.js"]
  0b54b2a8_1c5a_d85b_7742_10a526b0dedd --> 2337051b_9399_908a_f16c_81724ab026b7
  e489f60d_6c21_9c69_16d7_a97323c0790f["InspectedElementErrorsAndWarningsTree.js"]
  e489f60d_6c21_9c69_16d7_a97323c0790f --> 2337051b_9399_908a_f16c_81724ab026b7
  816abfef_4d5d_bc7e_fc00_1acadf628d28["InspectedElementPropsTree.js"]
  816abfef_4d5d_bc7e_fc00_1acadf628d28 --> 2337051b_9399_908a_f16c_81724ab026b7
  e495e7a2_ca5d_8be7_7ae7_0c5ccb871bc2["InspectedElementStateTree.js"]
  e495e7a2_ca5d_8be7_7ae7_0c5ccb871bc2 --> 2337051b_9399_908a_f16c_81724ab026b7
  9ec8fdcf_1944_ffb8_5f23_12eaf9528535["InspectedElementStyleXPlugin.js"]
  9ec8fdcf_1944_ffb8_5f23_12eaf9528535 --> 2337051b_9399_908a_f16c_81724ab026b7
  72d570aa_3875_3688_0200_4617e04d04ed["InspectedElementSuspendedBy.js"]
  72d570aa_3875_3688_0200_4617e04d04ed --> 2337051b_9399_908a_f16c_81724ab026b7
  style 2337051b_9399_908a_f16c_81724ab026b7 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

.HeaderRow {
  display: flex;
  align-items: center;
}

.Header {
  display: flex;
  align-items: center;
  flex: 1 1;
  font-family: var(--font-family-sans);
}

.Item {
  display: flex;
}

.Name {
  color: var(--color-attribute-name);
  flex: 0 0 auto;
}
.Name:after {
  content: ': ';
  color: var(--color-text);
  margin-right: 0.5rem;
}

.Value {
  color: var(--color-attribute-value);
  overflow: hidden;
  text-overflow: ellipsis;
}

.None {
  color: var(--color-dimmer);
  font-style: italic;
}

.Empty {
  color: var(--color-dimmer);
  font-style: italic;
  padding-left: 0.75rem;
}

.ToggleSuspenseRow {
  padding-left: 1rem;
  white-space: nowrap;
  display: flex;
  align-items: center;
}

.EditableValue {
  min-width: 1rem;
}

.InfoRow {
  border-top: 1px solid var(--color-border);
  padding: 0.5rem 1rem;
}

.InfoRow:last-child {
// ... (86 more lines)

Domain

Imported By

Source

Frequently Asked Questions

What does InspectedElementSharedStyles.css do?
InspectedElementSharedStyles.css is a source file in the react codebase, written in css. It belongs to the BabelCompiler domain.
What files import InspectedElementSharedStyles.css?
InspectedElementSharedStyles.css is imported by 6 file(s): InspectedElementContextTree.js, InspectedElementErrorsAndWarningsTree.js, InspectedElementPropsTree.js, InspectedElementStateTree.js, InspectedElementStyleXPlugin.js, InspectedElementSuspendedBy.js.
Where is InspectedElementSharedStyles.css in the architecture?
InspectedElementSharedStyles.css is located at packages/react-devtools-shared/src/devtools/views/Components/InspectedElementSharedStyles.css (domain: BabelCompiler, directory: packages/react-devtools-shared/src/devtools/views/Components).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free