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

TabBar.css — react Source File

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

File css BabelCompiler 1 dependents

Entity Profile

Dependency Diagram

graph LR
  ec4ae88e_c0b3_6086_4115_0e24748d9b82["TabBar.css"]
  1356ba82_c85f_323e_8c5f_e616c171f6ad["TabBar.js"]
  1356ba82_c85f_323e_8c5f_e616c171f6ad --> ec4ae88e_c0b3_6086_4115_0e24748d9b82
  style ec4ae88e_c0b3_6086_4115_0e24748d9b82 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

.Tab,
.TabCurrent,
.TabDisabled {
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  user-select: none;
  color: var(--color-text);

  /* Hide radio buttons for Firefox too */
  position:  relative;

  /* Electron drag area */
  -webkit-app-region: no-drag;
}
.Tab:hover,
.TabCurrent:hover {
  background-color: var(--color-background-hover);
}
.Tab:focus-within,
.TabCurrent:focus-within {
  background-color: var(--color-background-hover);
}

.TabCurrent {
  border-bottom: 3px solid var(--color-tab-selected-border);
}

.TabDisabled {
  color: var(--color-dim);
  cursor: default;
}

.TabSizeNavigation {
  font-size: var(--font-size-sans-large);
  padding: 0.5rem 1rem;
}
.TabSizeProfiler {
  font-size: var(--font-size-sans-normal);
  padding: 0.25rem 0.5rem;
}
.TabSizeSettings {
  font-size: var(--font-size-sans-normal);
  padding: 0.25rem 0.5rem;
}

.Input {
  width: 0;
  margin: 0;
  opacity: 0;

  /* Hide radio buttons for Firefox too */
  position:  absolute;
}

.IconSizeNavigation,
.IconSizeProfiler,
// ... (65 more lines)

Domain

Imported By

Source

Frequently Asked Questions

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