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

LayoutViewer.css — react Source File

Architecture documentation for LayoutViewer.css, a css file in the react codebase. 0 imports, 1 dependents.

File css BabelCompiler 1 dependents

Entity Profile

Dependency Diagram

graph LR
  453d2348_e27b_aea9_aa63_52c286996f8b["LayoutViewer.css"]
  a2ae9415_2ed8_24e4_884e_2e4fd020acbe["LayoutViewer.js"]
  a2ae9415_2ed8_24e4_884e_2e4fd020acbe --> 453d2348_e27b_aea9_aa63_52c286996f8b
  style 453d2348_e27b_aea9_aa63_52c286996f8b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

.LayoutViewer {
  padding: 0.25rem;
  font-family: var(--font-family-monospace);
  font-size: var(--font-size-monospace-small);
}

.Header {
  font-family: var(--font-family-sans);
}

.DashedBox,
.SolidBox {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-width: 1px;
  border-color: var(--color-dim);
  padding: 0.25rem;
  margin: 0.25rem;
}
.DashedBox {
  border-style: dashed;
}
.SolidBox {
  border-style: solid;
}

.LabelRow {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.Label {
  position: absolute;
  left: 0.5rem;
  flex: 1 0 100px;
  color: var(--color-attribute-name);
}

.BoxRow {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}

Domain

Imported By

Source

Frequently Asked Questions

What does LayoutViewer.css do?
LayoutViewer.css is a source file in the react codebase, written in css. It belongs to the BabelCompiler domain.
What files import LayoutViewer.css?
LayoutViewer.css is imported by 1 file(s): LayoutViewer.js.
Where is LayoutViewer.css in the architecture?
LayoutViewer.css is located at packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/LayoutViewer.css (domain: BabelCompiler, directory: packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor).

Analyze Your Own Codebase

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

Try Supermodel Free