ASCII text
1
// IBus Candidate Popup
2
@use "../../../../theme";
4
@use "../../../../theme-color";
5
@use "menu";
6
.candidate-popup-boxpointer {
8
@extend .popup-menu-boxpointer;
9
}
10
.candidate-popup-content {
12
@extend .popup-menu-content;
13
padding: 8px;
14
spacing: 0;
15
}
16
.candidate-index {
18
padding: 0 4px 0 0;
19
color: theme-color.hint(theme-color.$on-surface);
20
}
21
.candidate-box {
23
transition-duration: theme.$state-duration;
24
min-height: theme.$menu-item-height;
25
padding: 0 8px;
26
border-radius: theme.$corner-radius;
27
&:hover {
29
background-color: theme-color.hover-overlay(theme-color.$on-surface);
30
color: inherit;
31
transition-duration: 0ms;
32
}
33
&:active {
35
background-color: theme-color.pressed-overlay(theme-color.$on-surface);
36
transition-duration: theme.$ripple-duration;
37
}
38
&:selected {
40
background-color: theme-color.$selected-overlay;
41
color: inherit;
42
transition-duration: 0ms;
43
}
44
}
45
.candidate-page-button-box {
47
height: theme.$menu-item-height;
48
.vertical & {
50
padding-top: 0;
51
}
52
.horizontal & {
54
padding-left: 0;
55
}
56
}
57
.candidate-page-button {
59
min-width: theme.$menu-item-height;
60
min-height: theme.$menu-item-height;
61
padding: 0;
62
}
63
.candidate-page-button-previous {
65
border-right-width: 0;
66
border-radius: theme.$corner-radius;
67
}
68
.candidate-page-button-next {
70
border-radius: theme.$corner-radius;
71
}
72
.candidate-page-button-icon {
74
icon-size: 16px;
75
}
76