ASCII text
1
// IBus Candidate Popup
2
@use "../../../../theme";
4
@use "../../../../theme-color";
5
@use "../../../../st-theme";
6
@use "menu";
7
.candidate-popup-boxpointer {
9
@extend .popup-menu-boxpointer;
10
}
11
.candidate-popup-content {
13
@extend .popup-menu-content;
14
padding: 8px;
15
spacing: 0;
16
}
17
.candidate-index {
19
padding: 0 4px 0 0;
20
color: theme-color.hint(theme-color.$on-surface);
21
}
22
.candidate-box {
24
transition-duration: st-theme.$duration;
25
min-height: st-theme.$menuitem-size;
26
padding: 0 8px;
27
border-radius: theme.$corner-radius;
28
&:hover {
30
background-color: theme-color.hover-overlay(theme-color.$on-surface);
31
color: inherit;
32
transition-duration: 0ms;
33
}
34
&:active {
36
background-color: theme-color.pressed-overlay(theme-color.$on-surface);
37
transition-duration: st-theme.$duration-ripple;
38
}
39
&:selected {
41
background-color: theme-color.$selected-overlay;
42
color: inherit;
43
transition-duration: 0ms;
44
}
45
}
46
.candidate-page-button-box {
48
height: st-theme.$menuitem-size;
49
.vertical & {
51
padding-top: 0;
52
}
53
.horizontal & {
55
padding-left: 0;
56
}
57
}
58
.candidate-page-button {
60
min-width: st-theme.$menuitem-size;
61
min-height: st-theme.$menuitem-size;
62
padding: 0;
63
}
64
.candidate-page-button-previous {
66
border-right-width: 0;
67
border-radius: theme.$corner-radius;
68
}
69
.candidate-page-button-next {
71
border-radius: theme.$corner-radius;
72
}
73
.candidate-page-button-icon {
75
icon-size: 16px;
76
}
77