web/DialogButtons: move elevated button styling to layout
This commit is contained in:
@@ -333,6 +333,18 @@
|
||||
background-color: var(--button-hover);
|
||||
}
|
||||
|
||||
:global(.button.elevated) {
|
||||
background-color: var(--button-elevated);
|
||||
}
|
||||
|
||||
:global(.button.elevated:active) {
|
||||
background-color: var(--button-elevated-hover);
|
||||
}
|
||||
|
||||
:global(.button.elevated:not(:focus-visible)) {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
:global(.button.active) {
|
||||
color: var(--primary);
|
||||
background-color: var(--secondary);
|
||||
@@ -353,6 +365,10 @@
|
||||
:global(button:hover) {
|
||||
background-color: var(--button-hover);
|
||||
}
|
||||
|
||||
:global(.button.elevated:hover) {
|
||||
background-color: var(--button-elevated-hover);
|
||||
}
|
||||
|
||||
:global(.button.active:not(.color):hover) {
|
||||
background-color: var(--button-active-hover);
|
||||
|
||||
Reference in New Issue
Block a user