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

me.webbeef.org / beaver

forked from me.webbeef.org/browser.html

fork atom

Rewild Your Web

fork atom

beaver / ui / system / menu_shared.css

at main 52 lines 1.0 kB view raw

wrap content

webbeef.tngl.sh system: use better markup for menus 15d ago

b31ee232

 1/* SPDX-License-Identifier: AGPL-3.0-or-later */
 2
 3/* Shared menu styles used by webview-menu, context-menu, system-menu and select-control */
 4
 5menu {
 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  padding-left: 0;
14}
15
16menu li {
17  display: flex;
18  align-items: center;
19  gap: var(--spacing-md);
20  padding: var(--spacing-sm) 0.75em;
21  cursor: pointer;
22  color: var(--color-text-menu);
23  white-space: nowrap;
24}
25
26menu li.menu-separator {
27  padding-top: 0;
28  padding-bottom: 0;
29}
30
31menu li.menu-separator {
32  height: 1px;
33  background: var(--color-border);
34  margin: var(--spacing-xs);
35}
36
37menu li:hover {
38  background: var(--color-menu-item-hover);
39}
40
41.backdrop {
42  position: absolute;
43  top: 0;
44  left: 0;
45  width: 100%;
46  height: 100%;
47  background: transparent;
48}
49
50:host([open]) {
51  display: block;
52}