Mirror of https://github.com/roostorg/osprey
github.com/roostorg/osprey
1.menuWrapper {
2 background-color: var(--background-primary);
3 display: flex;
4 justify-content: space-between;
5 align-items: center;
6 padding-right: 16px;
7}
8
9.filterSelect {
10 width: 120px;
11}
12
13.menuWrapper :global(.ant-menu) {
14 line-height: 38px;
15}
16
17.menuWrapper :global(.ant-menu) :global(.ant-menu-item) {
18 font-weight: 600;
19}
20
21.menuWrapper :global(.ant-menu) :global(.ant-menu-item):hover {
22 color: var(--brand-primary);
23 border-bottom: 2px solid var(--brand-primary);
24}
25
26.menuWrapper :global(.ant-menu) :global(.ant-menu-item.ant-menu-item-selected) {
27 color: var(--brand-primary);
28 border-bottom: 2px solid var(--brand-primary);
29}
30
31.regexButton {
32 --color: black;
33 margin: 0;
34 padding: 0 6px;
35 background: none;
36 border: 1px solid color-mix(in srgb, var(--color), transparent 80%);
37 color: color-mix(in srgb, var(--color), transparent 60%);
38 border-radius: 4px;
39 transition: all 0.2s ease;
40 &:hover {
41 background: color-mix(in srgb, var(--color), transparent 95%);
42 border: 1px solid color-mix(in srgb, var(--color), transparent 75%);
43 color: color-mix(in srgb, var(--color), transparent 50%);
44 }
45 &[data-enabled='true'] {
46 border: 1px solid color-mix(in srgb, var(--brand-primary), transparent 30%);
47 &:hover {
48 border: 1px solid color-mix(in srgb, var(--brand-primary), transparent 60%);
49 }
50 }
51}