dotty_res.styles.theme.components.button.label-only-button.css Maven / Gradle / Ivy
The newest version!
.label-only-button {
background-color: var(--action-primary-background-default-ghost);
color: var(--action-primary-content-default);
border: 1px solid var(--border-default);
padding: calc(1.25 * var(--base-spacing)) calc(1.5 * var(--base-spacing));
border-radius: 4px;
}
.label-only-button:hover {
background-color: var(--action-primary-background-hover);
color: var(--action-primary-content-hover);
cursor: pointer;
}
.label-only-button:active {
background-color: var(--action-primary-background-hover);
color: var(--action-primary-content-hover);
}
.label-only-button.selected {
background-color: var(--action-primary-background-hover);
color: var(--action-primary-content-selected);
}
.label-only-button:focus-visible {
border: none;
outline: none;
box-shadow: 0px 0px 0px 2px var(--focus-default);
}
.label-only-button:disabled {
opacity: 0.5;
pointer-events: none;
}