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

Button.css — react Source File

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

File css BabelCompiler 1 dependents

Entity Profile

Dependency Diagram

graph LR
  eb0db260_ac17_83a5_e9e8_ca9380fbd949["Button.css"]
  f9049b08_60f8_abce_a6a6_153f88447124["Button.js"]
  f9049b08_60f8_abce_a6a6_153f88447124 --> eb0db260_ac17_83a5_e9e8_ca9380fbd949
  style eb0db260_ac17_83a5_e9e8_ca9380fbd949 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

.Button {
  border: none;
  background: var(--color-button-background);
  color: var(--color-button);
  padding: 0;
  border-radius: 0.25rem;
  flex: 0 0 auto;
  cursor: pointer;
}
.ButtonContent {
  display: inline-flex;
  align-items: center;
  border-radius: 0.25rem;
  padding: 0.25rem;
}

.Button:hover {
  color: var(--color-button-hover);
}
.Button:active {
  color: var(--color-button-focus);
  outline: none;
}
.Button:focus,
.ButtonContent:focus {
  outline: none;
}

.Button:focus > .ButtonContent {
  background: var(--color-button-background-focus);
}

.Button:disabled,
.Button:disabled:active {
  background: var(--color-button-background);
  color: var(--color-button-disabled);
  cursor: default;
}

Domain

Imported By

Source

Frequently Asked Questions

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