@dialpad/dialtone-css
Version:
Dialpad's design system
31 lines (26 loc) • 960 B
text/less
.d-recipe-settings-menu-button {
width: var(--dt-size-550);
height: var(--dt-size-600);
padding: var(--dt-space-0);
color: var(--dt-theme-topbar-button-color-foreground);
background-color: var(--dt-theme-topbar-button-color-background);
border-radius: var(--dt-size-550);
&:hover {
color: var(--dt-theme-topbar-button-color-foreground-hover);
background-color: var(--dt-theme-topbar-button-color-background-hover);
}
&:active {
background-color: var(--dt-theme-topbar-button-color-background-active);
}
}
.d-recipe-settings-menu-button-update {
height: var(--dt-size-600);
color: var(--dt-color-blue-500);
background-color: hsla(var(--dt-color-blue-200-hsl) / 0.25);
border-color: hsla(var(--dt-color-blue-200-hsl) / 0.25);
border-radius: var(--dt-size-radius-pill);
&:hover {
color: var(--dt-theme-topbar-button-color-foreground-hover);
background-color: hsla(var(--dt-color-blue-200-hsl) / 0.5);
}
}