| Class | Properties |
|---|---|
| gl-action-neutral-colors | color: var(--gl-action-neutral-foreground-color-default); background-color: var(--gl-action-neutral-background-color-default); border-color: var(--gl-action-neutral-border-color-default); &:hover: {
"color": "var(--gl-action-neutral-foreground-color-hover)",
"background-color": "var(--gl-action-neutral-background-color-hover)",
"border-color": "var(--gl-action-neutral-border-color-hover)"
}; &:focus: {
"color": "var(--gl-action-neutral-foreground-color-focus)",
"background-color": "var(--gl-action-neutral-background-color-focus)",
"border-color": "var(--gl-action-neutral-border-color-focus)"
}; &:active: {
"color": "var(--gl-action-neutral-foreground-color-active)",
"background-color": "var(--gl-action-neutral-background-color-active)",
"border-color": "var(--gl-action-neutral-border-color-active)"
}; |
| gl-bg-control | background-color: var(--gl-control-background-color-default); &:disabled: {
"background-color": "var(--gl-control-background-color-disabled)"
}; &:readonly: {
"background-color": "var(--gl-control-background-color-readonly)"
}; |
| gl-border-control | border-color: var(--gl-control-border-color-default); &:hover: {
"border-color": "var(--gl-control-border-color-hover)"
}; &:focus: {
"border-color": "var(--gl-control-border-color-focus)"
}; &:disabled: {
"border-color": "var(--gl-control-border-color-disabled)"
}; |
| gl-no-spin[type="number"] | &::-webkit-outer-spin-button: {
"-webkit-appearance": "none",
"margin": "0"
}; &::-webkit-inner-spin-button: {
"-webkit-appearance": "none",
"margin": "0"
}; -moz-appearance: textfield; |