mirror of
https://github.com/facebook/react.git
synced 2025-11-01 09:12:30 +00:00
Meghnath Pillay
835c11eba7
* added a checkbox which appears to the right of a value when value is boolean * checkbox with toggle capability created for boolean props Co-authored-by: Brian Vaughn <brian.david.vaughn@gmail.com>
41 lines
870 B
CSS
41 lines
870 B
CSS
.Checkbox {
|
|
flex: 0 0 auto;
|
|
align-self: center;
|
|
margin: 0 0.25rem;
|
|
}
|
|
|
|
.Input {
|
|
flex: 1 1;
|
|
background: none;
|
|
border: 1px solid transparent;
|
|
color: var(--color-attribute-editable-value);
|
|
border-radius: 0.125rem;
|
|
font-family: var(--font-family-monospace);
|
|
font-size: var(--font-size-monospace-normal);
|
|
}
|
|
|
|
.Invalid {
|
|
flex: 1 1;
|
|
background: none;
|
|
border: 1px solid transparent;
|
|
color: var(--color-attribute-editable-value);
|
|
border-radius: 0.125rem;
|
|
font-family: var(--font-family-monospace);
|
|
font-size: var(--font-size-monospace-normal);
|
|
background-color: var(--color-background-invalid);
|
|
color: var(--color-text-invalid);
|
|
|
|
--color-border: var(--color-text-invalid);
|
|
}
|
|
|
|
.Input:focus,
|
|
.Invalid:focus {
|
|
background-color: var(--color-button-background-focus);
|
|
outline: none;
|
|
}
|
|
|
|
.ResetButton {
|
|
flex: 0 0 auto;
|
|
padding: 0 0.5rem;
|
|
}
|