mirror of
https://github.com/TriliumNext/Notes.git
synced 2025-08-11 11:02:27 +08:00
style(next): buttons: use a more accurate CSS selectors
This commit is contained in:
parent
90afd01d1f
commit
96b25b8e5e
@ -2,23 +2,33 @@
|
|||||||
* Buttons
|
* Buttons
|
||||||
*/
|
*/
|
||||||
|
|
||||||
button.btn,
|
button.btn.btn-primary,
|
||||||
button.btn.btn-primary {
|
button.btn.btn-secondary,
|
||||||
|
button.btn.btn-sm {
|
||||||
box-shadow: 1px 1px 1px var(--button-shadow-color);
|
box-shadow: 1px 1px 1px var(--button-shadow-color);
|
||||||
padding: 4px 16px;
|
padding: 4px 16px;
|
||||||
min-width: 120px;
|
|
||||||
border: unset;
|
border: unset;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
background: var(--button-background-color);
|
background: var(--button-background-color);
|
||||||
color: var(--button-text-color);
|
color: var(--button-text-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
button.btn:hover {
|
button.btn.btn-primary,
|
||||||
|
button.btn.btn-secondary,
|
||||||
|
button.btn.btn-sm {
|
||||||
|
min-width: 120px;
|
||||||
|
}
|
||||||
|
|
||||||
|
button.btn.btn-primary:hover,
|
||||||
|
button.btn.btn-secondary:hover,
|
||||||
|
button.btn.btn-sm:hover {
|
||||||
background: var(--button-hover-background-color);
|
background: var(--button-hover-background-color);
|
||||||
color: var(--button-hover-text-color);
|
color: var(--button-hover-text-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
button.btn:active {
|
button.btn.btn-primary:active,
|
||||||
|
button.btn.btn-secondary:active,
|
||||||
|
button.btn.btn-sm:active {
|
||||||
box-shadow: unset;
|
box-shadow: unset;
|
||||||
opacity: .85;
|
opacity: .85;
|
||||||
background: var(--button-background-color) !important;
|
background: var(--button-background-color) !important;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user