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

SettingsShared.css — react Source File

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

File css BabelCompiler 6 dependents

Entity Profile

Dependency Diagram

graph LR
  3c0f989f_424c_e338_72c3_e8bc259ca04f["SettingsShared.css"]
  d31d8c6c_50ef_6d6a_4682_cdf66edc0ca0["CodeEditorByDefault.js"]
  d31d8c6c_50ef_6d6a_4682_cdf66edc0ca0 --> 3c0f989f_424c_e338_72c3_e8bc259ca04f
  3360bd40_244b_03ad_208a_10c8b4341347["CodeEditorOptions.js"]
  3360bd40_244b_03ad_208a_10c8b4341347 --> 3c0f989f_424c_e338_72c3_e8bc259ca04f
  20b264a9_e519_d0f6_5613_b33869edcdbd["ComponentsSettings.js"]
  20b264a9_e519_d0f6_5613_b33869edcdbd --> 3c0f989f_424c_e338_72c3_e8bc259ca04f
  eee1b576_c90e_a448_c010_79c8672c6ac5["DebuggingSettings.js"]
  eee1b576_c90e_a448_c010_79c8672c6ac5 --> 3c0f989f_424c_e338_72c3_e8bc259ca04f
  ba1321bc_42b8_c6c2_e944_8928bf07c59a["GeneralSettings.js"]
  ba1321bc_42b8_c6c2_e944_8928bf07c59a --> 3c0f989f_424c_e338_72c3_e8bc259ca04f
  72d8a743_dd0b_d899_708b_6790db5d2e86["ProfilerSettings.js"]
  72d8a743_dd0b_d899_708b_6790db5d2e86 --> 3c0f989f_424c_e338_72c3_e8bc259ca04f
  style 3c0f989f_424c_e338_72c3_e8bc259ca04f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

.SettingList {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  font-family: var(--font-family-sans);
  font-size: var(--font-size-sans-normal);
}

.SettingWrapper {
  margin-bottom: 0.5rem;
}
.SettingWrapper:last-of-type {
  margin-bottom: 0;
}

.SettingRow {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
}

.SettingRowCheckbox {
  margin: 0.125rem 0.25rem 0.125rem 0;
}

.SettingDisabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.OptionGroup {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  user-select: none;
  margin: 0 1rem 0.5rem 0;
}
.OptionGroup:last-of-type {
  margin-right: 0;
}

.RadioLabel {
  display: inline;
  margin-right: 0.5rem;
}

.Spacer {
  height: 0.5rem;
}

.CheckboxOption {
  display: block;
  padding: 0 0 0.5rem;
}

.HRule {
  height: 1px;
// ... (110 more lines)

Domain

Imported By

Source

Frequently Asked Questions

What does SettingsShared.css do?
SettingsShared.css is a source file in the react codebase, written in css. It belongs to the BabelCompiler domain.
What files import SettingsShared.css?
SettingsShared.css is imported by 6 file(s): CodeEditorByDefault.js, CodeEditorOptions.js, ComponentsSettings.js, DebuggingSettings.js, GeneralSettings.js, ProfilerSettings.js.
Where is SettingsShared.css in the architecture?
SettingsShared.css is located at packages/react-devtools-shared/src/devtools/views/Settings/SettingsShared.css (domain: BabelCompiler, directory: packages/react-devtools-shared/src/devtools/views/Settings).

Analyze Your Own Codebase

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

Try Supermodel Free