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

Toggle.css — react Source File

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

File css BabelCompiler 1 dependents

Entity Profile

Dependency Diagram

graph LR
  2151ee14_d7f6_23a9_9f2a_fd64a504f25b["Toggle.css"]
  61c0d244_ab84_2e1a_7b19_996aebeb6c63["Toggle.js"]
  61c0d244_ab84_2e1a_7b19_996aebeb6c63 --> 2151ee14_d7f6_23a9_9f2a_fd64a504f25b
  style 2151ee14_d7f6_23a9_9f2a_fd64a504f25b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

.ToggleDisabled,
.ToggleOn,
.ToggleOff {
  background: var(--color-button-background);
  border: none;
  border-radius: 0.25rem;
  padding: 0;
  flex: 0 0 auto;
}

.ToggleContent {
  display: inline-flex;
  align-items: center;
  border-radius: 0.25rem;
  padding: 0.25rem;
}

.ToggleOff {
  border: none;
  background: var(--color-button-background);
  color: var(--color-button);
}

.ToggleOff:hover {
  color: var(--color-button-hover);
}

.ToggleOn:hover,
.ToggleOff:hover {
 background-color: var(--color-button-background-hover);
}


.ToggleOn,
.ToggleOn:active {
  color: var(--color-button-active);
  outline: none;
}

.ToggleOn:focus,
.ToggleOff:focus,
.ToggleContent:focus {
  outline: none;
}

.ToggleOn:focus > .ToggleContent,
.ToggleOff:focus > .ToggleContent {
  background: var(--color-button-background-focus);
}

.ToggleDisabled {
  background: var(--color-button-background);
  color: var(--color-button-disabled);
  cursor: default;
}

Domain

Imported By

Source

Frequently Asked Questions

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

Analyze Your Own Codebase

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

Try Supermodel Free