ui/system/menu_shared.css at main · me.webbeef.org/browser.html

Rewild Your Web

web browser dweb

browser.html / ui / system / menu_shared.css

at main 46 lines 899 B view raw

 1/* SPDX-License-Identifier: AGPL-3.0-or-later */
 2
 3/* Shared menu styles used by webview-menu, context-menu and system-menu */
 4
 5.menu {
 6  background: var(--bg-menu);
 7  border-radius: var(--radius-sm);
 8  box-shadow: 0 4px 12px var(--color-shadow-menu);
 9  min-width: var(--size-menu-width);
10  overflow: hidden;
11  font-family: var(--font-family-base);
12  font-size: var(--font-size-menu);
13}
14
15.menu-item {
16  display: flex;
17  align-items: center;
18  gap: var(--spacing-md);
19  padding: var(--spacing-sm) 0.75em;
20  cursor: pointer;
21  color: var(--color-text-menu);
22  white-space: nowrap;
23}
24
25.menu-separator {
26  height: 1px;
27  background: var(--color-border);
28  margin: var(--spacing-xs);
29}
30
31.menu-item:hover {
32  background: var(--color-menu-item-hover);
33}
34
35.backdrop {
36  position: absolute;
37  top: 0;
38  left: 0;
39  width: 100%;
40  height: 100%;
41  background: transparent;
42}
43
44:host([open]) {
45  display: block;
46}