orbital-core-components 0.1.1

Themed Orbital UI components for Leptos applications
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44

/// Compiled info-label stylesheet and stable `orbital-info-label*` class names.
///
pub fn info_label_styles() -> &'static str {
    r#"
.orbital-info-label {
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

.orbital-info-label__label {
    color: inherit;
    cursor: inherit;
    vertical-align: top;
}

.orbital-info-label__info-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration-line: none;
    box-sizing: border-box;
    margin: calc(0px - var(--orb-space-block-2xs)) 0;
    padding: var(--orb-space-block-xs) var(--orb-space-inline-xs);
    color: var(--orb-color-text-secondary);
    background-color: var(--orb-color-transparent-bg);
    border-style: none;
    border-radius: var(--orb-radius-md);
    line-height: 1;
}

.orbital-info-label__info-button .orbital-icon {
    font-size: 14px;
}

.orbital-popover-trigger--open > .orbital-info-label__info-button,
.orbital-info-label__info-button:hover {
    background: var(--orb-color-transparent-bg-hover);
    color: var(--orb-color-text-secondary-brand-hover);
    cursor: pointer;
}
"#
}